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 中。