vue-vue2脚手架2-render函数

vue-vue2脚手架2-初识脚手架

render函数

其实在上面引入vue的时候，引入的是  vue.runtime.esm.js，并不是完整的vue
该vue直接解析 template等方法

	render(createElement){
		return createElement('h1','hello');
	}
    // 进一步简写
    render:createElement==> createElement('h1','hello');
    // 进一步简写
    render:h==> h('h1','hello');

render括号里面的是一个函数 function

问题1：为什么不直接使用完整版本vue

完整版vue=核心+模板解析器
代码要经过webpack进行编译，是不需要模板解析器的，所以只需要引用核心功能就行，可以省点代码空间

带有runtime的vue 都是已经把vue模板解析器去除掉的

问题2：为什么带 .vue的文件可以写模板代码 template

原因是 package.json 引用了模板代码，可以在vue后缀文件里面使用，但是不能在main.js里面使用

关于不同版本的Vue：

	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函数去指定具体内容。