Vue不同版本间深层差异及深入使用技巧有哪些？

本文共计665个文字，预计阅读时间需要3分钟。

在Vue使用中，我们可以引入两个不同版本的Vue，分别是Vue完整版（vue.js）和Vue运行时版（vue.runtime.js）。它们的区别在于：

- Vue完整版包含编译器，适合开发环境，能处理模板。- Vue运行时版没有编译器，适合生产环境，体积更小。

今天我们来分析这两个版本之间的区别。

在我们使用 vue时，我们可以引用两个不同版本的 Vue，分别是 Vue完整版（vue.js）和 Vue（vue.runtime.js ）非完整版，那么它们的区别是什么呢，今天我们就来分析下这两个不同版本之间的区别。

1、文件名

2、文件大小

完整版：同时包含编译器和运行时的版本。

编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。

而非完整版不包含编译器，体积约比完整版小 30%。

3、视图

完整版

视图写在 HTML里或者 template选项里，由于有 compiler(编译器)的存在，完整版运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

非完整版

完整版运行时：当使用 vue-loader 或 vueify 的时候，*.vue 文件内部的模板会在构建时预编译成 JavaScript。