<p>我正在 vuejs 中创建一个项目 spa/我已经创建了常用组件页眉和页脚，我想将其包含在主 App.vue 中。</p> <p>我在下面分享我的代码结构：</p> <ol start="2"> <li>我正在共享我的文件 App.vue：</li> </ol> <p> <pre class="brush:html;toolbar:false;">&lt;template&gt; &lt;header&gt;&lt;/header&gt; &lt;/template&gt; &lt;script&gt; import Header from './components/Header.vue' // import Footer from 'components/Footer.vue' export default { name: 'App', components: { Header, // Footer } } &lt;/script&gt;</pre> </p> <ol start="3"> <li>在 Vue.js 的页面中没有出现任何想法如何将页眉和页脚包含在一起以在 spa vuejs 中显示良好。 这种方式哪里不对呢？ </li> </ol></p>

<template>
  <AppHeader />
  <!-- other content-->
  <AppFooter /> 
</template>
<script>
  import {AppHeader} from './components/AppHeader.vue'
  import {AppFooter} from './components/AppFooter.vue'
  export default {
   name:'App',
   components:{ AppHeader, AppFooter}
 
  }
</script>