vue中render: h => h(App)的了解
来源:     阅读:534
织梦模板店
发布于 2021-03-20 04:22
查看主页
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生态系统中的一个通用惯例。

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 系统环境 软件环境
相关推荐
工具|tree:可视化你的目录文件层级,从源安装tree
windows搭建SVN服务器的步骤教程
前台山泉 ?? 前台优质文章的搬运工 ??
iOS Base64URL编码 等同于java中的Base64.URL_SAFE | Base64.NO_WRAP |  Base64.NO_PADDING
MySQL常见基本函数
首页
搜索
订单
购物车
我的