render函數(shù)的作用
render函數(shù)是vue通過js渲染dom結(jié)構(gòu)的函數(shù)createElement彪笼,約定可以簡(jiǎn)寫為h
render: h => h(App) 是下面內(nèi)容的縮寫:
render:function(createElement){
return createElement(App);
}
繼續(xù)縮寫
render(createElement){
return createElement(App);
}
繼續(xù)縮寫
render(h){
return h(App)
}
箭頭函數(shù)
h => h(App)
實(shí)際渲染
import App from './App'
import Vue from 'vue'
new Vue({
el:'#root',
template:'<App></App>',
components:{
App
}
})
手動(dòng)掛載
在Vue構(gòu)造函數(shù)時(shí),需要配置一個(gè)el屬性蔫劣,如果沒有沒有el屬性時(shí)刚操,可以使用.$mount('#app')進(jìn)行掛載喷屋。
// 配置了el屬性:
new Vue({
el:"#app",
router
});
// 如果沒有配置el屬性昼扛,可以使用手動(dòng)掛載$mount("#app")
new Vue({
router
}).$mount('#app');
var vm = new Vue({
router
});
vm.$mount('#app');