Vue这两种实例化方式有说明区别？

Question

new Vue({

    router,

    store,

}).$mount('#app')

new Vue({

  el: '#app',

  store,

  router,

  template: '<App/>',

  components: { App }

})

Vue的这两种实例化写法有什么区别？
项目结构里的main.js, App.vue, index.html这三个文件又是一种什么关系呢？

Answer 1

首先，这两种写法没有本质的区别，作为整个项目的入口都没有问题。具体到项目结构上，main.js 是整个项目的入口（在此除导入 App.vue 的 UI 外，还导入 router / vuex / axios 等辅助库与插件），App.vue 是 UI 逻辑的入口，而 index.html 则通过 script 标签来引入 main.js，将脚本执行的内容注入 #app 中。