<p>Saya sedang mencipta projek dalam vuejs spa/Saya telah mencipta pengepala dan pengaki komponen biasa yang saya ingin sertakan dalam App.vue utama. </p> <p>Saya berkongsi struktur kod saya di bawah: </p> <ol start="2"> <li>Saya berkongsi fail saya App.vue: </li> </ol> <p> <pre class="brush:html;toolbar:false;"><template> <header></header> </template> <skrip> import Header daripada './components/Header.vue' // import Footer daripada 'components/Footer.vue' eksport lalai { nama: 'App', komponen: { Kepala, // Pengaki } } </script></pre> </p> <ol start="3"> <li>Tiada idea muncul dalam halaman dalam Vue.js cara memasukkan pengepala dan pengaki bersama-sama untuk dipaparkan dengan baik dalam vuejs spa. Apa yang salah dengan pendekatan ini? </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>