两个版本
- 完整版 （vue.js）
- 非完整版【只包含运行时版】 （vue.runtime.js）
特点
- 完整版：有compiler，编译在用户端进行
- 非完整版【只包含运行时版】: 没有compiler，使用h函数创建标签
总结
一般情况总是使用非完整版，配合vue-loader和vue文件
开发思路
- 保证用户体验，用户下载的JS文件体积更加轻量，但是只支持h函数
- 开发者直接在vue文件里写HTML标签，不写h函数，使用vue-loader把vue文件里的HTML转化为h函数
template和render怎么使用
template
完整版中，视图相关的东西写在template中，到用户那编译放进HTML中
<template>
<div id="app">
{{n}}
<button @click="add">+1</button>
</div>
</template>
render
非完整版中，视图相关的东西写在render()函数中，使用h函数去创建标签
render(h){
return h('div', [this.n,h（'{on:{click:this.add}’,'+1'])
}
使用codesandbox.io创建Vue
打开链接点击你想要的框架即可，可以导出zip
