vue中render: h => h(App)的了解

  • 时间:2021-03-20 04:22 作者:嘻哈章鱼小丸子 来源: 阅读:536
  • 扫一扫,手机访问
摘要:render: h = h(App)= 是es6 的箭头函数语法,并不陌生。但是h代表什么呢?跟踪源码后发现:h是createElement函数的别名,于是上面的写法等价于:render:function(createElement){ return creatElemnt(App);}c
render: h => h(App)

=>es6 的箭头函数语法,并不陌生。但是h代表什么呢?跟踪源码后发现:hcreateElement函数的别名,于是上面的写法等价于:

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

createElement是一个函数,以App为参数进行调用,生成一个 VNode节点。render 函数得到这个VNode节点之后,返回给 Vue.jsmount 函数,渲染成真实 DOM 节点,并挂载到根节点上。

createElement详细用法参考官网,具体示例参考 Vue中的render函数render: h => h(App)。

源码中涉及到rendercreateElement比较重要的代码片段:

render
$createElement

createElement
解惑时刻

为啥将createElement别名化为h呢?翻到了尤大本人的回复:

h
来自于“hyperscript”的首字母。

于是,将h作为createElement的别名是Vue生态系统中的一个通用惯例。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】从谷歌到手机厂商都下决心了,要清除32位应用这匹“害群之马”(2025-10-17 05:41)
【系统环境|】Windows上使用QEMU创建aarch64(ARM64)虚拟机(2025-10-17 05:40)
【系统环境|】nodejs 如何安装在aarch64平台(2025-10-17 05:39)
【系统环境|】常用git命令-从远程更新代码合并分支、提交代码等(2025-10-17 05:38)
【系统环境|】技术干货|常用的 Git 功能和选项(2025-10-17 05:38)
【系统环境|】掌握git命令,图解一目了然(2025-10-17 05:37)
【系统环境|】总结几个常用的Git命令的使用方法(2025-10-17 05:36)
【系统环境|】这篇 Git 教程太清晰了,很多 3 年经验程序员都收藏了(2025-10-17 05:35)
【系统环境|】Git常用命令及操作指南(2025-10-17 05:35)
【系统环境|】「实用」盘点那些开发中最常用的Git命令(2025-10-17 05:34)
手机二维码手机访问领取大礼包
返回顶部