Vue中render函数和template模板渲染方式有何本质区别？

本文共计1265个文字，预计阅读时间需要6分钟。

`Vue中render函数详解：render函数中有一个参数，这个参数是一个函数，我们通常称之为h。实际上，这个h就是createElement函数。render函数将createElement的返回值转换为HTML元素。createElement函数有3个参数。`

render函数详解

Vue中的Render函数中有一个参数，这个参数是一个函数通常我们叫做h。其实这个h叫做createElement。Render函数将createElement的返回值放到了HTML中

createElement这个函数中有3个参数

第一个参数（必要参数）：主要用于提供DOM的html内容，类型可以是字符串、对象或函数

第二个参数（类型是对象，可选）：用于设置这个DOM的一些样式、属性、传的组件的参数、绑定事件之类

第三个参数（类型是数组，数组元素类型是VNode，可选）：主要是指该结点下还有其他结点，用于设置分发的内容，包括新增的其他组件。注意，组件树中的所有VNode必须是唯一的

// @return {VNode} createElement( // {String | Object | Function} // 一个HTML标签字符串，组件选项对象，或者一个返回值类型为String/Object的函数。该参数是必须的 'div', // {Object} // 一个包含模板相关属性的数据对象，这样我们可以在template中使用这些属性，该参数是可选的。