vue两个版本的浅析：vue.js和vue.runtime.js

两个版本对应的文件

（一）完整版

• 开发版：vue.js
• 生产版：vue.min.js

（二）运行时版

• 开发版：vue.runtime.js
• 生产版：vue.runtime.min.js

template和render的用法

（一）template

1. 类型：string
2. 详细：
   一个字符串模板做为 Vue 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略，除非模板的内容有分发插槽。
3. 其余：只适用于vue的完整版中，与el属性配合使用。

（二）render

1. 类型：function
2. 详细：
   接收一个回调函数h（h为vue中内置的回调函数），h包含两个参数。第一个参数为渲染的dom对象名（字符串），第二个参数为dom内的内容。例如：render(h){ h('div','hello vue') }

完整版和进行时版的详细对比

	Vue完整版	Vue进行时版	详细
特色	有compiler	无compiler	compiler用于翻译template语法，占%40的体积
视图	写在HTML或template模板中	写在render里用h建立标签	h是vue内置的回调函数
cdn引入	vue.js	vue.runtime.js	分开发版和生产版
webpack引入	配置alias	默认	详情见vue官网
@vue/cli引入	额外配置	默认	详情见vue官网

在codesandbox中使用vue

1. 地址栏：codesandbox.io
2. 点击create sandbox
3. 不要注册！不要注册！不要注册！注册以后只建立50个项目
4. 评价：功能很是强大！