浅谈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 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
angularjs 页面自适应高度的方法
Jan 17 Javascript
react 创建单例组件的方法
Apr 26 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 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 短链接算法收集与分析
2011/12/30 PHP
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
2014/05/04 Javascript
JavaScript作用域链示例分享
2014/05/27 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
2015/11/03 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
js验证账户名是否重复
2020/05/26 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
Python中求对数方法总结
2020/03/10 Python
Python结合Window计划任务监测邮件的示例代码
2020/08/05 Python
Python的Tqdm模块实现进度条配置
2021/02/24 Python
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
Marmot土拨鼠官网:美国专业户外运动品牌
2018/01/11 全球购物
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
NFL加拿大官方网上商店:NHLShop.ca
2019/03/12 全球购物
班级读书活动总结
2014/06/30 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
县委常委班子专题民主生活会查摆问题及整改措施
2014/09/27 职场文书
2014年房地产销售工作总结
2014/12/01 职场文书