一、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"></script>
<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资源。