vue.js cdn 引入（cdn地址总结）

vue 2 ：

对于制作原型或学习，你可以这样使用最新版本：

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

对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：

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

如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js'
</script>

你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。

Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。

请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。

   上面参考于 vue 官网

安装 — Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://cn.vuejs.org/v2/guide/installation.html#CDN

vue 3：

对于制作原型或学习，你可以这样使用最新版本：

<script src="https://unpkg.com/vue@next"></script>

参考于 vue 3官网 

安装 | Vue.js 

补充：

elment-ui在线 运行 无法看到效果。

在使用 element-ui 时 想在线 看运行修改 官网的例子 ，点击在线运行会发现 无法看到效果（以前是可以的）。 

打开 console会发现报错：

Uncaught ReferenceError: Vue is not defined at xxx.

 

 原因就是 vue的cdn 无法访问了 。所以 只需要 修改 一下 vue的引入地址即可 ，改成上面的 地址就行。

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

总结：

vue.js cdn 引入 很方便 ，建议只用来 临时使用，或者 有 案例演示。不建议 在正式 项目引入。

建议：

如果正式项目，还是下载下来， 或者 在自己的服务器上 放一份 。这样就不会有问题了，别人家的cdn终归是不可靠，不安全的。