Render渲染函数-深入应用

渲染函数是vue中的一个非常重要的功能。基本在个性化的展示上都会使用到。所以需要对其有较为深入的理解才行。

之前写过一篇关于渲染的，算是基础。在随后的使用过程中，发现还需要更深入的理解。所以又做了新的总结。

渲染函数的作用：VUE一般使用template来创建HTML，然后在有的时候，我们需要使用javascript来创建html，这时候我们需要使用render函数。

关键点一：理解createElement：

• Vue通过建立一个虚拟DOM对真实的DOM发生变化保存追踪。
• createElement返回的是包含的信息会告诉VUE页面上需要渲染什么样的节点及其子节点。我们称这样的节点为虚拟DOM，可以简写为VNode

  createElement 参数
  
  // @return {VNode}
  createElement(
    // {String | Object | Function}
  
    // 1.一个HTML标签字符串，组件选项对象，或者一个返回值类型为String/Object的函数。该参数是必须的
    'div',
  
    // {Object}
    // 2.一个包含模板相关属性的数据对象，这样我们可以在template中使用这些属性，该参数是可选的。
    { },
  
    // {String | Array}
    // 3.子节点（VNodes），由 createElement() 构建而成。或简单的使用字符串来生成的 "文本节点"。可选参数
   
  )

   

关键点二：理解data对象：