vue的各种版本

《vue的各种版本》正文开始，本次阅读大概9分钟。

在使用Vue框架的时候，我们可能会遇到各种不同的版本。这些版本有什么不同呢？下面我们来一一介绍。

Vue.js

script src="https://cdn.jsdelivr.net/npm/vue"/script

这是最基础的Vue版本，也是我们最常用的版本。我们可以在HTML页面中添加上面的代码，然后就可以使用Vue了。

Vue.min.js

script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"/script

这个版本和上面的Vue.js是一样的，只不过这个版本被压缩了。由于文件比较小，因此加载速度更快。

Vue.runtime.js

script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.runtime.js"/script

这个版本是将Vue中的模板编译器去掉了。也就是说，我们不能在页面中直接写Vue模板了。如果我们需要使用Vue模板，那么我们需要使用Vue的单文件组件。

Vue.runtime.min.js

script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.runtime.min.js"/script

这个版本和上面的Vue.runtime.js一样，只不过这个版本被压缩了。

Vue.esm.js

script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.esm.js"/script

这个版本包含了全部功能，我们可以在页面中直接写Vue模板和JavaScript代码。由于文件比较大，因此加载速度比较慢。

Vue.esm.min.js

script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.esm.min.js"/script

这个版本和上面的Vue.esm.js一样，只不过这个版本被压缩了。

Vue.server.js

script src="https://cdn.jsdelivr.net/npm/vue-server-renderer/dist/vue-server-renderer.js"/script

这个版本是专门用于服务器端渲染的。如果我们需要在服务器上渲染Vue组件，那么我们就需要使用这个版本。

Vue.server.min.js

script src="https://cdn.jsdelivr.net/npm/vue-server-renderer/dist/vue-server-renderer.min.js"/script

这个版本和上面的Vue.server.js一样，只不过这个版本被压缩了。

总结

通过上面的介绍，我们可以看出不同版本的Vue是专门针对不同的使用场景而设计的。我们可以根据自己的需求选择合适的版本来使用。