Vue-render函数作用及意义

Vue-render函数作用及意义

1、render作用

render在这里是渲染的意思

在vue脚手架项目中，main.js中：

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

render作用：

​ render函数内是一个函数 createElement(){‘元素’,‘内容’}

render: h => h(App)含义：

 render:function(createElement){
      return createElement(参数1：html内容，参数2，参数3)
 }
//等价
render:createElement=>createElement(参数1：html内容，参数2，参数3)
 }

通过以上代码，也就是通过creareElement参数，创建虚拟节点（VNode），然后将节点返回给render

2、render意义

​ 2.1. 是字符串模板的代替方案

​ 2.2vue脚手架提供了不同版本的vue文件

​ vue.runtime.xxx.js没有模板解析器，所以不能使用template这个配置项，需要使用render函数接收到的createElement函数去指定具体内容。