Vue2知识点学习(Render函数)

Vue2知识点学习(Render函数)

demo和截图来自《Vue.js实战》

Vue.js 2.x与Vue.js 1.x最大的区别是,Vue2使用了虚拟dom来更新dom节点,提升性能。

VNode数据结构里,有一个key属性,作为节点的 标识,用于patch的优化。

什么时候会用到render函数:template不适用的时候,比如模版字符串里的标签名需要根据props里的值取值的时候。此时可以用render函数的createElement函数来做动态标签。

createElement函数有3个参数:

函数化组件:

发表回复

*您的电子邮件地址不会被公开。必填项已标记为 。

*
*