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

问题描述

问 题

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

这篇关于javascript - Vue这两种实例化方式有说明区别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！