项目里用 Vue，常用CDN 引法比 npm 装包省事得多。常用尤其写个 demo、常用做个活动页，常用或者临时验证某个 API 行为，常用直接 script 标签拉下来就能跑。常用但 CDN 地址选不对，常用轻则加载慢，常用重则直接 404 或者被墙。常用下面这些是常用我自己反复用过的，按场景分一下。常用

最稳的常用肯定是官方推荐。Vue 2 和 Vue 3 的常用 CDN 地址不一样，别搞混了。常用Vue 3 的常用全局构建版本挂在 unpkg 和 jsdelivr 上，官方文档里给的例子是：

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

或者用 jsdelivr：

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

这两个地址在国内访问速度时好时坏。unpkg 有时候会抽风，jsdelivr 前两年被 DNS 污染过一阵，现在恢复了不少，但各地运营商差异大。我自己的经验是，北方联通访问 jsdelivr 比 unpkg 快，南方电信反过来。如果只是本地开发，其实无所谓，但要是给外部用户看，得留个心眼。

国内 CDN 我常用的是字节跳动的静态资源库。地址长这样：

<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.31/vue.global.min.js"></script>

注意它路径里带了版本号和 expire 参数，不能直接写 vue@3 这种模糊版本。好处是速度快，节点多，而且不会莫名其妙被墙。缺点是版本更新不及时，Vue 3.3 出了之后大概隔了两周才上架。另一个选择是 360 的前端静态资源库，地址是 cdn.baomitu.com，但那个更老，Vue 3 的版本只到 3.0 左右，现在基本不用了。

还有个坑：Vue 2 和 Vue 3 的全局构建文件名不同。Vue 2 是 vue.min.js，Vue 3 是 vue.global.min.js。你要是把 Vue 3 的地址写成 vue.min.js，会直接报 Vue is not defined。我见过有人从旧项目复制粘贴，结果调试半天。Vue 2 的最后一个版本是 2.7.16，CDN 地址：

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

如果你用 Vue 3 的 Composition API 但不想上构建工具，还得注意：全局构建版本里 Vue.createApp 是有的，但 defineComponent 这种类型辅助函数在纯 JS 里没意义。另外，vue.global.js 是开发版，带完整警告；vue.global.prod.js 才是生产版，体积小一半。别在线上环境引开发版，控制台会刷一堆提示，而且性能差一截。

组合式 API 的 <script setup> 语法在 CDN 模式下用不了，因为需要编译。想用的话得引 vue.esm-browser.js 配合 type="module"，但那样又得处理 import maps，麻烦。我一般 CDN 场景就老老实实写 Vue.createApp({ setup() { } })，够用了。

最后提一个容易忽略的：Vue Router 和 Pinia 的 CDN。Vue Router 4 的地址是 https://unpkg.com/vue-router@4/dist/vue-router.global.js，Pinia 是 https://unpkg.com/pinia@2/dist/pinia.iife.js。注意 Pinia 的 IIFE 构建文件名是 pinia.iife.js，不是 pinia.global.js，这个我踩过坑。而且它们都依赖 Vue 先加载，顺序不能乱。

实际用的时候，我通常写一个本地 fallback：先试 jsdelivr，如果 window.Vue 不存在，再动态插入字节跳动的地址。几行代码的事，但能避免不少白屏投诉。