Vue マルチページ構成の詳細

1. 複数ページの違い

シングルページ アプリケーションの概念は、ここ数年のAngularJS 、 React 、 Emberなどのフレームワークの登場とともに生まれました。前回の紹介では、ページ レンダリングにおけるページの部分更新について説明しました。シングル ページ アプリケーションでは、ページの部分更新機能を使用して、ページを切り替えるときにページ コンテンツを更新し、より優れたエクスペリエンスを実現します。

2. SPAとMPA

シングルページSinglePage Web Applicationアプリケーション (SPA) とMultiPage Application (MPA) の違いは次のとおりです。

3. Vue Cli スキャフォールディング構成

最初のステップ:

publicファイルの下にメインページとサブページを作成します。ディレクトリ構造は次のようになります。

ステップ2:

メインページとサブページには、対応するメインページエントリファイルとサブページエントリファイルが必要です。ディレクトリ構造は次のようになります。

ステップ3:

vue.config.jsでのpagesの構成は、複数のページの構成マッピングとして理解できます。

ページ: {
    索引： {
        エントリ: 'src/main.js',
        テンプレート: 'public/index.html',
        ファイル名: 'index.html',
    },
    バンバン:
        エントリ: 'src/banban.js',
        テンプレート: 'bangban.html',
        ファイル名: 'public/bangban.html'
    }
}

これで、vue マルチページ設定の詳細に関するこの記事は終了です。より関連性の高い vue マルチページ設定コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。