Vue简介

Vue安装

可以直接使用script标签引入，使用之前需要先
下载对应的Vue版本

• 开发版本 （包含完整的警告和调试模式 ）vue.js
• 生产版本 （删除了警告，大部分注释，压缩空格）vue.min.js

或者使用CDN导入，这里建议使用BootCDN
还可以使用NPM来安装Vue

• npm install vue

Vue还分为

• 完整版(vue.js)：同时包含编译器和运行时的版本。
• 运行时(runtime.js)：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切

运行时 + 编译器 vs. 只包含运行时

如果你需要在客户端编译模板 (比如传入一个字符串给 template 选项，或挂载到一个元素上并以其 DOM 内部的 HTML 作为模板)，就将需要加上编译器，即完整版：

// 需要编译器
new Vue({
  template: '<div>{{ hi }}</div>'
})
// 不需要编译器
new Vue({
  render (h) {
    return h('div', this.hi)
  }
})

当使用 vue-loader 或 vueify 的时候，*.vue 文件内部的模板会在构建时预编译成 JavaScript。你在最终打好的包里实际上是不需要编译器的，所以只用运行时版本即可。

因为运行时版本相比完整版体积要小大约 30%，所以应该尽可能使用这个版本。

用 codesandbox.io 写 Vue 代码

使用codsandbox.io可以快速创建vue项目，者在学习和测试过程中是非常方便的。
只用进入后点击Vue的图标即可。
由于最近vscode的所有功能已经在网页上实现所以也可以使用vscode.dev来创建项目