引入:在创建Vue实例对象引入组件时,为什么使用render函数而不是template配置项
1.vue.js 与vue.runtime.xxx.js的区别:
(1)vue.js是完整版的Vue,包含核心功能+模板解析器。
(2)vue.runtime.xxx,js是运行版的Vue,只包含核心功能,没有模板解析器。
2. 因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。
render函数
render(createElement){
return createElement('h1','你好啊')
}
注:参数createElement
是一个函数
此处可以使用箭头函数编写
render: createElement => createElement(App)
另:普通组件为什么不需要使用render函数?
Vue已引入库对.vue文件中<template>
进行解析