# Vue_疫情查询数据显示

**Repository Path**: chenalive/Vue_covid19

## Basic Information

- **Project Name**: Vue_疫情查询数据显示
- **Description**: 主要用到的技术：axios，echarts，vant，swiper（demo）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-06-07
- **Last Updated**: 2022-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_demo

## covid19信息的展示

* 通过获取网络上的API接口来获取数据实现各种数据的展示
  
## echarts的绘制世界地图和中国地图

* npm下载
* 通过vue的插件，使用Object.defineProperties方法来拦截Vue实例对象,增加绑定方法
* 在main.js注册echart插件
* 组件调用插件方法来实现地图的显示
* 数据就是调用api的方法即可
* 封装tabs来实现中国地图和世界地图的切换功能

## 轮播图的实现

* 加载第三方Swiper
* 在swiper中插入图片

## 春节各地数据查询

* 使用vant的cascader和获取数据显示