render函数及其参数createElement

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:'不知道'}})]) 
 //三个参数 元素名称  ,属性  ,子元素
}