javascript - Quelles sont les différences entre les deux méthodes d'instanciation de Vue?

Question

new Vue({
    router,
    store,
}).$mount('#app')

new Vue({
  el: '#app',
  store,
  router,
  template: '<App/>',
  components: { App }
})

Quelle est la différence entre ces deux manières d'instancier Vue ?
Quelle est la relation entre les trois fichiers main.js, App.vue et index.html dans la structure du projet ?

Answer 1

Tout d'abord, il n'y a pas de différence essentielle entre ces deux méthodes d'écriture, et il n'y a aucun problème quant à l'entrée dans l'ensemble du projet.

En parlant spécifiquement de la structure du projet, main.js est l'entrée de l'ensemble du projet (en plus d'importer l'interface utilisateur d'App.vue, les bibliothèques auxiliaires et les plug-ins tels que router/vuex/axios sont également importés). vue est l'entrée de la logique de l'interface utilisateur. Index.html introduit main.js via la balise script et injecte le contenu de l'exécution du script dans #app.