Vue render函数

关于不同版本的 Vue

vue.js 与 vue.runtime.xxx.js 的区别

vue.js：它是完整版的 Vue，包含：核心功能 + 模板解析器

vue.runtime.xxx.js：它是运行版的 Vue，只包含核心功能，没有模板解析器

---

render

因为 vue.runtime.xxx.js 没有模板解析器，所以不能使用 template 配置项，

需要使用 render 函数接收到的 createElement 函数去指定具体内容

示例

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

---

为什么需要使用精简版的 Vue.js

为了使打包后体积更小一点，且模板解析器不应该出现在打包后

我在 bilililb《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》学习时，有一位老师举了一个很好的例子。如下

以铺瓷砖举例有两种方式进行对比：

第一种：

​ 买瓷砖（Vue 核心）+ 请工人（模板解析器）===》 铺好的瓷砖 + 工人

第二种：

​ 买瓷砖（Vue 核心）+ 请工人（模板解析器）===》 铺好的瓷砖

发现铺瓷砖这项工作，买瓷砖是必须的。且请完工人铺好瓷砖后，并不需要工人留下

同理，我们使用模板解析器做完项目后，也是不需要模板解析器留下，这样才比较合理

---