<p>vuejs spa でプロジェクトを作成しています。メインの App.vue に含めたい共通コンポーネントのヘッダーとフッターを作成しました。 </p> <p>以下にコード構造を共有します。</p> <ol start="2"> <li>ファイル App.vue を共有しています: </li> </ol> <p> <pre class="brush:html;toolbar:false;"><テンプレート> <ヘッダー></ヘッダー> </テンプレート> <スクリプト> 「./components/Header.vue」からヘッダーをインポート // 'components/Footer.vue' からフッターをインポートします デフォルトのエクスポート { 名前: 'アプリ'、 コンポーネント: { ヘッダ、 // フッター } } </script></pre> </p> <ol start="3"> <li>Vue.js のページには、spa vuejs で適切に表示するためにヘッダーとフッターを一緒に含める方法がわかりません。 このアプローチの何が問題なのでしょうか? </li> </ol></p>