温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Vue中render h 的含义是什么

发布时间:2021-07-21 14:01:01 来源:亿速云 阅读:538 作者:Leah 栏目:开发技术

这篇文章将为大家详细讲解有关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 的含义是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue
AI