如何将VUE main.js更改为使用routers / index.js

时间:2018-09-06 06:16:55

标签: javascript vue.js ecmascript-6 vuex vue-cli-3

为什么CLI / 3生成的VUE UI main.js代码与旧的语法不同,它的组成部分是什么,它如何工作?

sync(store, router) // for vuex-router-sync
new Vue({
  router, 
  store, 
  render: h => h(App)
}).$mount('#app')

曾经是

sync(store, router) // for vuex-router-sync

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: { App }
})

我还阅读了使用不使用vuex-router-sync的路由器的第三种语法,该语法使用Vue.extend(...而不是new Vue(

为什么现在必须添加渲染,什么是h函数替换,为什么选择了该字母,$ mount语法在执行和替换,为什么选择了$ mount语法?

此外,如果这不是一个单独的主题:新语法实际上是否能完成Vue.extend()的工作,如果不是,我何时需要使用Vue.extend()而不是new Vue()? / p>

1 个答案:

答案 0 :(得分:0)

好吧,我的大部分问题似乎都在这里由VUE团队成员勉强回答:https://github.com/vuejs-templates/webpack-simple/issues/29

该问题的作者写道,他对StackOverflow的问题持否定态度,事实证明,该问题非常受欢迎并且是必需的。

从答案中我了解为什么选择了h以及替换了h,为什么选择了$ mount以及替换了什么。

仍然不确定渲染和扩展。但这是一个单独的问题。