chevron_left

Vue 2 实践教程
免费
第 13.3 回

教程文档

Vue 2 实践教程 - 使用 CDN 加载 echarts

2023年11月13日
Vue 2 实践教程

使用 CDN 加载 echarts

功能说明

我们发现在访问后台首页的时候，加载的 echarts 图表数据的渲染时间很长，接下来我们来优化这一块。我们需要使用 CDN 加速来引入这种第三方资源库。

功能实现

1、移除原来安装的 echarts

yarn remove echarts

2、在 public/index.html 中，添加 echarts CDN 引入

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.0/echarts.min.js" integrity="sha512-ZRdjJAYP8Kij8Lkln9uiGj0jIrMDLAALm1ZB2b3VfV9XJ0nR4zbJmHKB42/A4tgMlZS4DTPnSAmcYRoS0dginA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

3、修改 vue.config....

请登录后查看更多expand_more

课程介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手

授课老师