vue 初探之 h => h(App) 详解

render: h => h(App) 解释

今天刚学vue，看到代码中 render: h => h(App) 看不懂了下面记录下

首先需要了解这是 es 6 的语法， 表示 Vue 实例选项对象的 render 方法作为一个函数， 接受传入的参数 h函数，返回 h(App) 的函数调用结果。

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

  render: function (createElement) {
     return createElement(App);
   }

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

  render(createElement){
   return createElement(App);
   }

再进一步缩写为：

   render(h){
   return h(App);
   }*/

createElement 函数是用来生成 HTML DOM 元素的，也就是上文中的 generate HTML structures，也就是 Hyperscript，这样作者才把 createElement 简写成 h。