浅谈Vue中render中的h箭头函数
vue2.0新增了render方法,官方案例写的是:
render:h=>h(app)
其中h是由createElement方法演变而来
render:function(createElement){ returncreateElement(app) }
用es6的写法就是:(只有一个个return语句,可以省略return和{})
render:createElement=>createElement(app)
将createElement改成h就是官方写法。
使用h的理由,官方解释是:
Itcomesfromtheterm“hyperscript”,whichiscommonlyusedinmany
virtual-domimplementations.“Hyperscript”itselfstandsfor“script
thatgeneratesHTMLstructures”becauseHTMListheacronymfor
“hyper-textmarkuplanguage”.
它来自单词hyperscript,这个单词通常用在virtual-dom的实现中。Hyperscript本身是指生成HTML结构的script脚本,因为HTML是hyper-textmarkuplanguage的缩写(超文本标记语言)
createElement用来生成HTMLDOM元素,也就是上文中的generateHTMLstructures,也就是Hyperscript,所以用h替代了createElement。
以上这篇浅谈Vue中render中的h箭头函数就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。