Vue 的 render 方法中 h 是什么?


当前第2页 返回上一页

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

1

2

3

render: function (createElement) {

  return createElement(App);

}

如果我们用 h 代替它,那么我们可以这样:

1

2

3

render: function (h) {

  return h(App);

}

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

1

render: h => h (App)

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

1

2

3

render(h) {

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

}

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

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

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

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

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

希望能为那些感到困惑的人解决问题!

推荐教程:《JS》

以上就是Vue 的 render 方法中 h 是什么?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

什么是vue.js混入?

vue.js 学习记录之一:学习规划和了解 vue.js

vue.js用什么编辑器

js与css的区别是什么

vue.js支持移动端吗

vue.js与微信小程序区别是什么

javascript如何解除事件绑定

html实现自动清理js、css文件的缓存

js 怎么设置css不可见

vue.js支持移动端开发吗

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...