vue3教程-下载和安装,开发版本和生产版本

下载

在官网中,有下载安装的方法,如下:

普通版本:

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安装

在企业开发中推荐使用,初学者不推荐


原文出处:/show_1GWEMISuPp4.html