Почему код VUE UI main.js, сгенерированный CLI / 3, отличается от старого синтаксиса, каковы его части и как он работает?
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()
?