Vue2.0中的render:h => h(App)

1.创建vue项目，基本都要使用vue-cli。创建的项目main.js中有一段代码：

new Vue({
  render: h => h(App),
}).$mount('#app')

创建一个vue实例对象，挂载到id = "app"的地方。
$mount('#app') 指定挂载地方。

2.关于render:h => h(app)解释

2.1官方解释：

• 类型: (createElement: () => VNode) => VNode
  该渲染函数接收一个createElement方法作为第一个参数用来创建VNode。如果组件是一个函数组件，渲染函数还会接收一个额外的context参数，为没有实力的函数组件提供上下信息
• 注意：Vue 选项中的 render 函数若存在，则 Vue 构造函数不会从 template 选项或通过 el 选项指定的挂载元素中提取出的 HTML 模板编译渲染函数。

2.2业余理解：

• 箭头函数:
  在ES6中的箭头函数，根据官方解释还原这个函数如下:

//createElement 就是h，可以随便写
render: (function (createElement) {
        return createElement(App);
})

对比官方解释，说明render函数，自带形参createElement,这个参数也是一个方法。方法生成一个 VNode节点，render 函数得到这个 VNode 节点之后，通过$mount('id') 函数，渲染成真实 DOM 节点，并挂载到指定节点上