记录Vue中的render: h =＞ h(App)

位置

1. 在使用vue-cli创建的Vue的工程里，main.js中有如下代码：

new Vue({    // 创建Vue对象
  router,   // es6语法的简写 key与vlue相同
  store,
  render: h => h(App)
}).$mount('#app')  // 挂载到app的指定页面节点

2. ES6的箭头函数的用法

render: h=>h(App)

3. 原始写法

//createElement就是h,一个形参，没有具体意义，可以随意改变书写
render:(function(createElement){
    return createElement(App);
})

render是一个方法，自带一个形参createElement，这个参数也是一个方法，是用来创建vue 节点的，也就是html模板的，然后渲染(render)到指定的节点上

4. 过程
   render函数用来渲染视图，也提供给el挂载，所以使用render函数就是为了页面显示出来。

   1. render 方法是一个函数，在接受传入的参数 h 函数后，返回 h(App) 的函数调用结果。

   2. 在创建 vue 实例时，通过调用 render 方法来渲染实例页面的 DOM 结构。

   3. 当vue 在调用 render 方法时，会传入一个 createElement 函数作为参数，h 的实参是 createElement 函数，然后 createElement 会以 App为参数进行调用。