render函数的作用
1:render函数是vue通过js渲染dom结构的函数createElement,约定可以简写为h
render: h => h(App) 缩写前
//createElement就是h,一个形参,没有具体意义,可以随意改变书写
1 | render:function(createElement){
2 | return createElement(App);
3 | }
继续缩写
render(createElement){
return createElement(App);
}
继续缩写
render(h){
return h(App)
}
箭头函数
h => h(App)
手动挂载
在Vue构造函数时,需要配置一个el属性,如果没有没有el属性时,可以使用.$mount('#app')进行挂载。
1:
// 配置了el属性:
new Vue({
el:"#app",
router
});
2:
// 如果没有配置el属性,可以使用手动挂载$mount("#app")
new Vue({
router
}).$mount('#app');
说明
render是一个方法,自带一个形参createElement,
这个参数也是一个方法,是用来创建vue 节点的,
也就是html模板的,然后渲染(render)到指定的节点上