2018年06月20日 10:54:32 H-L 阅读数 5369
 

render: h => h(App) 是下面内容的缩写:

  1.  
    render: function (createElement) {
  2.  
    return createElement(App);
  3.  
    }

进一步缩写为(ES6 语法):

  1.  
    render (createElement) {
  2.  
    return createElement(App);
  3.  
    }

再进一步缩写为:

  1.  
    render (h){
  2.  
    return h(App);
  3.  
    }

按照 ES6 箭头函数的写法,就得到了:

render: h => h(App);

其中 根据 Vue.js 作者 Even You 的回复,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,这样作者才把 createElement 简写成 h。

Vue.js 里面的 createElement 函数,这个函数的作用就是生成一个 VNode节点,render 函数得到这个 VNode 节点之后,返回给 Vue.js 的 mount 函数,渲染成真实 DOM 节点,并挂载到根节点上。

最新文章

  1. 深入解析Windows操作系统笔记——CH2系统结构
  2. 利用springframework+javax.mail发邮件(普通邮件、带附件邮件、HTML格式邮件)
  3. A VNC server is already running as :1
  4. Bash中的shopt选项
  5. A Tour of Go If
  6. POJ 1179 IOI1998 Polygon
  7. KVC - 键值编码
  8. asp.net 后台使用js弹窗失效问题
  9. html系列教程--描述
  10. hdu 4771 Stealing Harry Potter's Precious
  11. android-自定义广告轮播Banner(无限循环实现)
  12. 感知器算法--python实现
  13. arm-点亮led灯
  14. js判断IE浏览器版本(IE8及以下)
  15. Java-IO之BufferedReader(字符缓冲输入流)
  16. vue里如何灵活的绑定class以及内联style
  17. Java I/O不迷茫,一文为你导航!
  18. JS(JavaScript)的初了解3(更新中···)
  19. 4698: Sdoi2008 Sandy的卡片
  20. 实现一个简单的虚拟demo算法

热门文章

  1. C# 使用Emit实现动态AOP框架 进阶篇之异常处理
  2. 洛谷题解P4314CPU监控--线段树
  3. 初识python之了解程序设计基本方法
  4. firefox(火狐中的兼容问题总结)
  5. apache2.4.9编译安装
  6. 【2017-05-04】winfrom进程、线程、用户控件
  7. PHP代码执行流程
  8. Spring 事务相关
  9. Django2.1.1与xadmin0.6.0遇到的坑
  10. 简单的使用Gson (序列化 和 反序化)