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

Question

為什么 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 }
})

我還閱讀了使用Vue.extend(...而不是new Vue(

為什么我現在必須添加渲染，替換 h 函數是什么，為什么選擇那個字母，$mount 語法是做什么和替換的，為什么選擇 $mount 語法？

另外，如果這不是一個單獨的主題：新語法是否真的Vue.extend()那樣做，如果不是，我什么時候需要使用Vue.extend()而不是new Vue() ？

Answer 1

好吧，我的大部分問題似乎都被 VUE 團隊成員不情願地回答了： https : //github.com/vuejs-templates/webpack-simple/issues/29

該問題的作者寫道，他在 StackOverflow 上因為這個問題而被否決，事實證明，這個問題非常受歡迎和需要。

從答案中我明白為什么選擇 h 以及它替換了什么，為什么選擇 $mount 以及它替換了什么。

仍然不確定渲染和擴展。 但這是一個單獨的問題。