真的,你可以认为它是 createElement
的缩写。 这将是一个长长的形式:
1 2 3 |
|
如果我们用 h
代替它,那么我们可以这样:
1 2 3 |
|
...然后可以通过使用 ES6 缩短:
1 |
|
Vue 版本最多需要三个参数:
1 2 3 |
|
第一种是元素的类型(这里显示为 p)。
第二个是数据对象。 我们在这里主要包括:props, attrs, dom props, class 和 style.
第三个是一组子节点。 然后,我们将嵌套调用并最终返回一个虚拟 DOM 节点树。
更深入的信息你可以在 Vue 指南 里找到。
名称 hyperscript 可能会让某些人感到困惑,因为 hyperscript 实际上是 一个库的名字(这些日子没有更新 ),它实际上有一个 小的生态系统。 在这种情况下,我们不是在谈论那个特定的实现。
希望能为那些感到困惑的人解决问题!
推荐教程:《JS》
以上就是Vue 的 render 方法中 h 是什么?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《vue》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者