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