Vue 两个版本

1. 两个版本对应的文件名 vue有两个版本，一个是完整版(vue.js)一个是只包含运行时版(vue.runtime.js)。运行时版相比完整版没有编译器（Complier），但因此较少了30%的代码量，所以为了用户体验，应该给客户提供运行时版下载。没有Complier功能的运行版为了方便开发，在开发时可以用完整版的书写方式，而在打包时通过webpack的vue-loader将代码中完整版的写法加载为运行时版的写法（操作DOM创建元素）

Complier将html文件的模板和js的template选项属性转换为DOM vue-loader能加载vue文件的template标签

	Vue完整版	Vue非完整版	评价
特点	有Complier	无Complier	Complier 占用30%体积
cdn引入	vue.js	vue.runtime.js	文件名不同，生成环境后缀为.min.js
webapck引入	需要配置alias	默认使用此版
@vue/cli引入	需要额外配置	默认使用此版

2. template 和 render 怎么用 完整版可以直接将html文件和js的template作为视图操作

new Vue({
  template: '<div>{{ hi }}</div>'
})

而运行时版需要在render中创建元素

new Vue({
  render (h) {
    return h('div', this.hi)
  }
})

3. codesandbox.io 写 Vue 代码 第一步：进入codesandbox.io/ 第二步：点击右上角create sandbox按钮，选择Vue

第三步：进入vue的代码沙盒，已经帮你生成了依赖，可以直接写代码，而且可以实时预览

第四步：如果你写好了，还能把压缩包下载到本地，非常方便！