两个版本对应的文件名：

完整版：

vue.js 或 vue.min.js

非完整版：

vue.runtime.js 或 vue.runtime.min.js

最大的区别就是完整版大有compiler（编译器），体积大约比非完整版大40%左右。编译器可以把视图中的html转换成DOM节点，转成html中的内容，因此体积更大。一般不建议使用。

非完整版就是除了compiler的一切，但可以通过webpack内的vue-loader,来调用pomliler,把其转成h()函数，用户最终下载的js文件体积更小，用户体验更佳。

template 和 render 的使用方法：

templete是视图的内容，可以直接包含html内容，常直接放在视图层，如果用在完整版就直接把html显示在视图上， template: {{n}}

render是非完整版用的，把视图部分直接写在rander函数中，用h来创造标签，templete的内容放在vue文件中，webpack的vue-loader插件可以把内容转换成

render(h){h(‘div’)}，

render函数为 render: h => h(demo)

注意，不要注册账号，而是直接创建一个项目！

1.点击右上角的 create sandbox

2.选择 Vue

3.创建后，就自动生成了配套的组件

4.开始写代码