浅谈Vue中render中的h箭头函数
2019-11-08 07:03
2743 查看
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箭头函数就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- Vue中render中的h箭头函数
- 关于vue组件中定时器中只能使用箭头函数的问题
- 对vue实现数据实时更新,render() 函数的一些理解
- Vue里面的箭头函数 => 的作用
- 关于vue中的组件渲染函数render中的scopedSlots属性和this.$scopedSlots和this.$slots的疑惑记 4000 录
- Vue之Render函数出入茅庐
- vue 中箭头函数
- 浅谈vue的iview列表table render函数设置DOM属性值的方法
- vue——箭头函数
- 浅谈Vuex@2.3.0 中的 state 支持函数申明
- Render函数在Vue多页面应用中的应用
- 前端-浅谈箭头函数的this和普通函数的this
- vuejs Render 函数
- Vue-Render函数理解示例
- 新手学习VUE踩坑之旅---methods里面使用箭头函数要注意this
- 浅谈箭头函数写法在ReactJs中的使用
- vue中或箭头函数中,this的指向问题
- 浅谈 javascript 中 箭头函数(=>) 及 (filter) && (indexOf) && (!!~) 的含义
- vue2.0使用ES6语法的箭头函数对this作用域的理解
- 浅谈Vue中的几个生命周期函数。