Vue 两个版本的区别和使用

1. 两个版本对应的文件名 编译器：Vue 完整版有 compiler，Vue 非完整本没有compiler。

视图：Vue 完整版写在 HTML 或 template，非完整版用 render 里用 h 参数创建标签。

cdn 引入时：完整版以 vue.js结尾；运行版 vue.runtime.js结尾。

注：在生产环境后缀为 min.js

2. template 和 render

template可直接创建视图。

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

render 是非完整版本使用，只能通过 render()函数，使用 一个 h参数创建标签文件

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

3. 如何用 codesandbox.io 写 Vue 代码

codesandbox.io是免费，即时，协作的沙箱，用于快速的Web开发。

第一步点击sandbox

第二步按照需求选择 模版，我这里选择 Vue 第三步可直接下载使用，也可以直接使用