这篇文章将为大家详细讲解有关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:'<App></App>',
components:{
App
}
})
关于Vue中render h 的含义是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。