84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
new Vue({ router, store, }).$mount('#app') new Vue({ el: '#app', store, router, template: '<App/>', components: { App } })
Vue的这两种实例化写法有什么区别？项目结构里的main.js, App.vue, index.html这三个文件又是一种什么关系呢？
首先，这两种写法没有本质的区别，作为整个项目的入口都没有问题。
具体到项目结构上，main.js 是整个项目的入口（在此除导入 App.vue 的 UI 外，还导入 router / vuex / axios 等辅助库与插件），App.vue 是 UI 逻辑的入口，而 index.html 则通过 script 标签来引入 main.js，将脚本执行的内容注入 #app 中。
首先，这两种写法没有本质的区别，作为整个项目的入口都没有问题。
具体到项目结构上，main.js 是整个项目的入口（在此除导入 App.vue 的 UI 外，还导入 router / vuex / axios 等辅助库与插件），App.vue 是 UI 逻辑的入口，而 index.html 则通过 script 标签来引入 main.js，将脚本执行的内容注入 #app 中。