<p>Ich erstelle ein Projekt in vuejs spa/Ich habe gemeinsame Kopf- und Fußzeilen für Komponenten erstellt, die ich in die Haupt-App.vue einbinden möchte. </p> <p>Ich teile meine Codestruktur unten: </p> <ol start="2"> <li>Ich teile meine Datei App.vue: </li> </ol> <p> <pre class="brush:html;toolbar:false;"><template> <header></header> </template> <script> Header aus „./components/Header.vue“ importieren // Fußzeile aus „components/Footer.vue“ importieren Standard exportieren { Name: 'App', Komponenten: { Header, // Fusszeile } } </script></pre> </p> <ol start="3"> <li>Auf Seiten in Vue.js erscheint keine Idee, wie Kopf- und Fußzeile zusammengefügt werden können, um in Spa-Vuejs gut angezeigt zu werden. Was ist an diesem Ansatz falsch? </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>