浅谈Vue中render中的h箭头函数


Posted in Javascript onNovember 07, 2019

vue2.0新增了render方法,官方案例写的是:

render: h=>h(app)

其中h是由createElement方法演变而来

render: function(createElement){
  return createElement(app)
}

用es6的写法就是:(只有一个个return语句,可以省略return和{})

render: createElement=>createElement(app)

将createElement改成 h 就是官方写法。

使用 h 的理由,官方解释是:

It comes from the term “hyperscript”, which is commonly used in many
virtual-dom implementations. “Hyperscript” itself stands for “script
that generates HTML structures” because HTML is the acronym for
“hyper-text markup language”.

它来自单词 hyperscript,这个单词通常用在 virtual-dom 的实现中。Hyperscript 本身是指 生成HTML 结构的 script 脚本,因为 HTML 是 hyper-text markup language 的缩写(超文本标记语言)

createElement 用来生成 HTML DOM 元素,也就是上文中的 generate HTML structures,也就是 Hyperscript,所以用 h 替代了 createElement 。

以上这篇浅谈Vue中render中的h箭头函数就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript克隆对象深度介绍
Nov 20 Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 Javascript
jquery 追加tr和删除tr示例代码
Sep 12 Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
AngularJs表单验证实例详解
May 30 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
vue下载二进制流图片操作
Oct 26 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 #Javascript
Vue 通过公共字段,拼接两个对象数组的实例
Nov 07 #Javascript
vue之a-table中实现清空选中的数据
Nov 07 #Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 #Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 #jQuery
ElementUI多个子组件表单的校验管理实现
Nov 07 #Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 #Javascript
You might like
php下利用curl判断远程文件是否存在的实现代码
2011/10/08 PHP
解析PHP实现下载文件的两种方法
2013/07/05 PHP
php读取文件内容到数组的方法
2015/03/16 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
php自动加载代码实例详解
2021/02/26 PHP
Javascript开发包大全整理
2006/12/22 Javascript
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
JS+canvas动态绘制饼图的方法示例
2017/09/12 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
封装一下vue中的axios示例代码详解
2020/02/16 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python paramiko实现ssh远程访问的方法
2013/12/03 Python
点球小游戏python脚本
2018/05/22 Python
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
python super的使用方法及实例详解
2019/09/25 Python
给我一面国旗 python帮你实现
2019/09/30 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
python对一个数向上取整的实例方法
2020/06/18 Python
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
会走路的树教学反思
2014/02/20 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
办公室文员岗位职责
2015/02/04 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
元宵节晚会主持词
2015/07/01 职场文书
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
Go语言基础map用法及示例详解
2021/11/17 Golang