位置
- 在使用vue-cli创建的Vue的工程里,
main.js
中有如下代码:
new Vue({ // 创建Vue对象
router, // es6语法的简写 key与vlue相同
store,
render: h => h(App)
}).$mount('#app') // 挂载到app的指定页面节点
- ES6的箭头函数的用法
render: h=>h(App)
- 原始写法
//createElement就是h,一个形参,没有具体意义,可以随意改变书写
render:(function(createElement){
return createElement(App);
})
render是一个方法,自带一个形参createElement,这个参数也是一个方法,是用来创建vue 节点的,也就是html模板的,然后渲染(render)到指定的节点上
-
过程
render函数用来渲染视图,也提供给el挂载,所以使用render函数就是为了页面显示出来。-
render 方法是一个函数,在接受传入的参数 h 函数后,返回 h(App) 的函数调用结果。
-
在创建 vue 实例时,通过调用 render 方法来渲染实例页面的 DOM 结构。
-
当vue 在调用 render 方法时,会传入一个 createElement 函数作为参数,h 的实参是 createElement 函数,然后 createElement 会以 App为参数进行调用。
-