vue中render函数详解

在vue项目中的入口文件中，我们会看到以下这段代码

new Vue({
  el: '#App',
  router,
  render: h => h(App)
})

由于vue项目默认引入残缺版的vue.js，缺少模板解析器，所以在入口文件中创建vue示例时需要借助render函数进行渲染。
render函数完整写法是这样的：

render(createElement){    //参数createElement是一个函数，可用来创建元素，例：createElement('h1','哈喽')
                          //但是引入的App.vue是一个组件，所以直接把组件传进去即可
  return createElement（App）
}

将上面的完整写法转换为箭头函数，得到：

render:(createElement)=>{
  return createElement(App)
}

再进行简写，得到：

render:createElement => createElement(App)

最后将参数名换掉，就得到了

  render: h => h(App)