Vue中render方法的h是什么意思

如果你接触过vue一段时间了，那么你可能会遇到过 rendering 方法在你的app文件中 -- 在最新版本的 CLI 中它是一个默认值， 并且是在 main.js文件中:

成都创新互联公司是专业的下冶网站建设公司，下冶接单;提供成都网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行下冶网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

new Vue({
 render: h => h(App)
}).$mount('#app')

或者是，如果你使用了 render 方法(函数)，可能会使用JSX:

Vue.component('jsx-example', {
  render (h) {
    return <p id="foo">bar</p>
  }
})

或许你想知道，h 是用来干嘛的？它表示什么意思呢？  h  代表的是  hyperscript。它是HTML的一部分，表示的是 超文本标记语言：当我们正在处理一个脚本的时候，在虚拟DOM节点中去使用它进行替换已成为一种惯例。这个定义同时也被运用到其他的框架文档中。详情点击这里 Cycle.js。

在这个问题上，Evan 描述到：

Hyperscript 它本身表示的是"生成HTML结构的脚本"

缩写为 h 是因为它更容易去输入。 他还在 Frontend Masters 上描述了这一点 他的高级 Vue 研讨会 。

真的，你可以认为它是 createElement 的缩写。 这将是一个长长的形式：

render: function (createElement) {
  return createElement(App);
}

如果我们用 h 代替它，那么我们可以这样：

render: function (h) {
  return h(App);
}

...然后可以通过使用 ES6 缩短：

render: h => h (App)

Vue 版本最多需要三个参数：

render(h) {
  return h('p', {}, [...])
}

• 第一种是元素的类型（这里显示为 p）。

• 第二个是数据对象。 我们在这里主要包括：props, attrs, dom props, class 和 style.

• 第三个是一组子节点。 然后，我们将嵌套调用并最终返回一个虚拟 DOM 节点树。

更深入的信息你可以在 Vue 指南 里找到。

名称 hyperscript可能会让某些人感到困惑，因为 hyperscript 实际上是 一个库的名字（这些日子没有更新 ），它实际上有一个 小的生态系统。 在这种情况下，我们不是在谈论那个特定的实现。

以上就是Vue 的 render 方法中 h 是什么？的详细内容，更多请关注创新互联其它相关文章！

新闻标题：Vue中render方法的h是什么意思
转载来于：https://www.cdcxhl.com/article20/jcjcco.html

成都网站建设公司_创新互联，为您提供网站制作、网站内链、营销型网站建设、云服务器、网站策划、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联