vue.js cdn 引入(cdn地址总结)

vue 2 :

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

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

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]">
  </script>

总结:

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

建议:

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

猜你喜欢

转载自blog.csdn.net/weixin_44058725/article/details/125294675
cdn
今日推荐