Vue中renderh的含义是什么-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

Vue中renderh的含义是什么-创新互联

这篇文章将为大家详细讲解有关Vue中render  h 的含义是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

站在用户的角度思考问题,与客户深入沟通,找到海盐网站设计与海盐网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖海盐地区。

render:h是什么意思

render:h=>h(App)是下面内容的缩写:

render:function(createElement){

returncreateElement(App);

}

进一步缩写为(ES6语法):

render(createElement){

returncreateElement(App);

}

再进一步缩写为:

render(h){

returnh(App);

}

按照ES6箭头函数的写法,就得到了:

render:h=>h(App);

h的含义如下:

Itcomesfromtheterm"hyperscript",whichiscommonlyusedinmanyvirtual-domimplementations."Hyperscript"itselfstandsfor"scriptthatgeneratesHTMLstructures"becauseHTMListheacronymfor"hyper-textmarkuplanguage".

它来自单词hyperscript,这个单词通常用在virtual-dom的实现中。Hyperscript本身是指

生成HTML结构的script脚本,因为HTML是hyper-textmarkuplanguage的缩写(超文本标记语言)

理解:createElement函数是用来生成HTMLDOM元素的,也就是上文中的generateHTMLstructures,也就是Hyperscript,这样作者才把createElement简写成h。

Vue.js里面的createElement函数,这个函数的作用就是生成一个VNode节点,render函数得到这个VNode节点之后,返回给Vue.js的mount函数,渲染成真实DOM节点,并挂载到根节点上。

还有另外一种写法效果是一样的:

importAppfrom'./App'

newVue({

el:'#root',

template:'',

components:{

App

}

})

关于Vue中render  h 的含义是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前题目:Vue中renderh的含义是什么-创新互联
URL地址:http://kswsj.cn/article/dppcdc.html

其他资讯