CDN引入Vue、Element、Echarts等常用资源

一、cdn引入Vue2.0

<script src=”https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js“></script> 

<script src=”https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js“&gt;</script&gt;

<script src=”https://cdn.bootcss.com/vue/2.6.10/vue.min.js“></script>

<script src=”https://unpkg.com/vue@2/dist/vue.js“></script>

二、cdn引入ElementUI

(1)、引入样式

<link href=”https://cdn.bootcss.com/element–ui/2.4.5/theme-chalk/index.css” rel=”stylesheet“>

<link href=”https://unpkg.com/element-ui/lib/theme-chalk/index.css” rel=”stylesheet“>

(2)、引入组件库

<script src=”https://cdn.bootcss.com/element-ui/2.6.1/index.js“></script>

<script src=”https://unpkg.com/element-ui/lib/index.js“></script>

三、cdn引入Echarts

<script src=”https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js”></script>

<script src=”https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js”></script>

<script src=”https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js”></script>

<script src=”https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js”></script>

<script src=”https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js”></script>

四、cdn引入axios

<script src=”https://unpkg.com/axios/dist/axios.min.js”></script>

五、样例，注意引入的顺序

(1)、模板一

<script src=”https://cdn.bootcss.com/vue/2.6.10/vue.min.js”></script>

<link href=”https://cdn.bootcss.com/element-ui/2.4.5/theme-chalk/index.css” rel=”stylesheet“>

<script src=”https://cdn.bootcss.com/element-ui/2.6.1/index.js”></script>

<script src=”https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js”></script>

 (2)、模板二

<link rel=”stylesheet” href=”https://unpkg.com/element-ui/lib/theme-chalk/index.css“>

<script src=”https://unpkg.com/vue@2/dist/vue.js”></script>

<script src=”https://unpkg.com/element-ui/lib/index.js”></script>

<script src=”https://unpkg.com/axios/dist/axios.min.js”></script>

六、引入之后未生效，可以把src中的地址复制到浏览器看有没有数据返回，若没有数据返回，可以重新选择一个其他的cdn资源。

代码007普通

打赏 收藏 海报 链接