<p>Je crée un projet dans vuejs spa/J'ai créé un en-tête et un pied de page de composants communs que je souhaite inclure dans l'App.vue principale. </p> <p>Je partage la structure de mon code ci-dessous : </p> <ol start="2"> <li>Je partage mon fichier App.vue : </li> </ol> <p> <pre class="brush:html;toolbar:false;"><template> <en-tête></en-tête> </modèle> <script> importer l'en-tête depuis './components/Header.vue' // importer le pied de page depuis 'components/Footer.vue' exporter par défaut { nom : « Application », Composants: { Entête, // Bas de page } } </script></pre> </p> <ol start="3"> <li>Aucune idée n'apparaît dans les pages de Vue.js sur la manière d'inclure l'en-tête et le pied de page ensemble pour bien les afficher dans spa Vuejs. Quel est le problème avec cette approche ? ≪/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>