javascript - Was sind die Unterschiede zwischen den beiden Instanziierungsmethoden von Vue?

Question

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

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

Was ist der Unterschied zwischen diesen beiden Methoden zur Instanziierung von Vue?
Welche Beziehung besteht zwischen den drei Dateien main.js, App.vue und index.html in der Projektstruktur?

Answer 1

首先，这两种写法没有本质的区别，作为整个项目的入口都没有问题。

具体到项目结构上，main.js 是整个项目的入口（在此除导入 App.vue 的 UI 外，还导入 router / vuex / axios 等辅助库与插件），App.vue 是 UI 逻辑的入口，而 index.html 则通过 script 标签来引入 main.js，将脚本执行的内容注入 #app 中。