render
-
类型：
(createElement: () => VNode) => VNode -
详细：
每个组件,以及根实例都有render函数,该渲染函数接收一个createElement方法作为第一个参数用来创建VNode。如果组件是一个函数组件，渲染函数还会接收一个额外的
context参数，为没有实例的函数组件提供上下文信息。
render 在vue-cli里边可以直接使用JSX语法例如:
render(){
return <div>{name}</div>
}
createElement 返回值是虚拟Dom vnode
createElement 的使用:
可以接受三种类型
render(h){
return h(component) //vue 组件 选项对象
return <div> {name}</div> //JSX
return h('div',
{attrs:{class:'de-class'}},
[this.$slots.default,h('span',{attrs:{name:'不知道'}})])
//三个参数 元素名称 ,属性 ,子元素
}
网友评论