Vue中render函数和template的区别

Vue中render函数和template的区别

vue中一般 使用template来创建HTML,有时也会使用JavaScript来创建HTML，这时就需要render函数
render函数中有一个参数叫h也就是creatElement,render函数将createElement的返回值放到HTML中
createElement有3个参数：
第一个参数（必写参数，类型是字符串，对象，函数）主要用于提供DOM的html内容
第二个参数（可选，类型是对象）主要用于设置这个DOM的一些样式。属性，传的组件的参数，绑定事件之类的
第三个参数（可选，类型是数组）主要是指改节点下还有其他节点

template和render函数的区别：
1）template适合简单的组件封装，render函数适合复杂的组件封装
2）template理解起来相对简单，但灵活性不高，性能低，而render灵活性较高，对使用者要求亦高
3）render函数渲染没有编译过程，相当于把代码直接给程序，所以容易出现错误，对使用者要求高
4）render函数较template优先级别高