vue项目实战之用echarts实现疫情地图,jsonp跨域处理。

今天我们来学习一下vue项目中用echarts实现疫情地图,jsonp做跨域处理。

搭建脚手架@vue/cli

1.node安装。
2.命令npm install -g @vue/cli
3.命令npm install webpack -g​
4.命令vue create echarts-demo
如若不会搭建脚手架,请移步这里查看搭建方法。
脚手架搭建好后,效果如下图:
vue项目实战之用echarts实现疫情地图,jsonp跨域处理。_第1张图片

封装自定义组件与配置路由

封装自定义组件

我们先在views文件夹下新建一个自定义的组件Echarts.vue,如下图所示:
vue项目实战之用echarts实现疫情地图,jsonp跨域处理。_第2张图片
然后打开APP.vue,配置如下图所示的路由跳转:

你可能感兴趣的:(vue2,数据可视化,前端,jsonp)