renren-fast-vue使用v-charts

一、进入    renren-fast-vue项目目录下

二、下载v-charts依赖

（一开始网上找的索嗨教程使用的是npm i v-charts echarts -S然后我照着跑了，发现有毛病，也懒的找原因）

执行    npm install v-echarts echarts --save    或者    cnpm install v-echarts echarts --save(推荐使用)

使用npm install v-echarts echarts --save下载v-charts依赖包可能导致某些下载失败

使用cnpm install v-echarts echarts --save后安装正正常，而且非常的快，如果你还没有配置淘宝cnpm执行下面命令就可以了

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完v-charts依赖后

配置renren-fast-vue目录下的main.js

我这里是直接全局使用，如果想按需引入到官网上看看按需引入的用法，这里不做介绍

v-charts官网:https://v-charts.js.org/#/

三、在main.js文件中加如下配置

import VCharts from 'v-charts'

Vue.use(VCharts)

现在加完之后可以使用v-charts了

想用什么图表组件可以到收刮了

这里我在官网上随便找了个图表放在home.vue页面上

启动项目后就可以看到

这么清爽的界面了

ok，分享结束，有问题可以留言