javascript - Comment appeler le fichier vue.js app.vue

Question

Je suis nouveau sur vue.js. Je sais seulement que main.js est le fichier d'entrée et app.vue est le composant principal. Pourquoi dois-je supprimer le code d'exportation par défaut dans app.vue et importer l'application depuis '.app' dans. main.js, mais la page peut afficher le contenu dans app.vue

configuration app.vue

<template>
  <p id="app">
    <p class='header'>
      I am header!
    </p>
    <p class='tab'>
      I am tab
    </p>
    <p class='content'>
      I am content
    </p>
  </p>
</template>

<script> 
</script>

<style>
</style>

fichier main.js

import Vue from 'vue';
import App from './App';

Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
});

Le fichier app.vue peut-il être reçu sans exportmain.js ?

Answer 1

Aucune erreur n'est signalée dans le terminal

Answer 2

Il n'y a rien de mal à cela. Vue ne stipule pas qu'il doit être utilisé. Si vous voulez connaître la raison, construisez l'exemple que vous avez écrit et regardez le code dans l'app.js généré pour savoir ce qui se passe.

Answer 3

Le rôle de vue-loader

https://vue-loader.vuejs.org/…

<template>
Langue par défaut : html.
Chaque fichier .vue peut contenir au plus un bloc <template>
Le contenu sera extrait sous forme de chaîne, qui sera compilée et utilisée comme option de modèle pour le composant Vue.

Sans export, cela équivaut à un composant avec uniquement l'option modèle

Vue.component('my-component', {
  template: '<span>only template</span>'
})