vue引入与版本

vue的源代码, 有多种版本, 可以在 jsdeliver 中下载最新的npm包

引入

我们可以使用script引入vue.min.js

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

上面这个js永远是最新版的min.js, 如果你只想某个特定版本, 比如2.6.12

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

版本

你可以在npm/vue/disk/中看到多个vue.js的版本, 这里介绍一下它的差异

	UMD	CommonJS	ES Module (基于构建工具使用)	ES Module (直接用于浏览器)
完整版	vue.js	vue.common.js	vue.esm.js	vue.esm.browser.js
只包含运行时版	vue.runtime.js	vue.runtime.common.js	vue.runtime.esm.js	–
完整版 (生产环境)	vue.min.js	–	–	vue.esm.browser.min.js
只包含运行时版 (生产环境)	vue.runtime.min.js	–	–	–

通常, 我们都这样选择版本

• 开发时使用开发版本, 包含完整的警告信息调试模式
• 生成时, 使用生产版本, 删除了警告, 压缩后体积更小

ps: 本教程基于Vue2.x版本