下载
在官网中,有下载安装的方法,如下:
普通版本:
Staticfile CDN(国内) : https://cdn.staticfile.net/vue/3.0.5/vue.global.js
字节跳动 CDN(国内) : https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.31/vue.global.min.js
unpkg:https://unpkg.com/vue@3/dist/vue.global.js, 会保持和 npm 发布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js
支持模块化导入:
https://unpkg.com/vue@3/dist/vue.esm-browser.js
版本说明
开发版本
优点:如果报错,有较详细的错误提示和警告,方便我们找到错误
缺点:体积较大
应用场景:开发期间推荐使用
生产版本
优点:因为该版本体积更小
缺点:如果报错,没有 较详细的错误提示和警告,不方便 我们找到错误
应用场景:当开发结束,发布程序(上线)时,使用该版本,用户访问时,下载速度更快
安装方式一:script标签引入js
方式一:传统引入 js
<script src="js/vue@3.5.13.js"></script>
方式二:导入模块方式
需要引入模块化的js:
https://unpkg.com/vue@3/dist/vue.esm-browser.js
<script type="module">
import { createApp } from './js/vue.esm-browser@3.5.13.js'
</script>
方式二:importmap模块方式
需要引入模块化的js:
https://unpkg.com/vue@3/dist/vue.esm-browser.js
<script type="importmap">
{
"imports": {
"vue": "./js/vue.esm-browser@3.5.13.js"
}
}
</script>
<script type="module">
import { createApp } from 'vue'
</script>
安装方式二:npm和cli安装
在企业开发中推荐使用,初学者不推荐