Vue With Echarts 1

最近专业拓展一直在学vue,但是一开始就直接进入vue与echarts的使用,基础都还没有搭好,哎.....感叹一下与同学们的差距

先来记录以下vue中echarts的引用

1.要先安装echarts  >npm install echarts --save

2.在views文件夹里创建.vue文件 在文件里面进行echarts的引用

文件安排

3.各个js文件中的引入

在main.js中添加import echartsfrom 'echarts'     Vue.prototype.$echarts = echarts

在index.js中添加    import echart1from '../views/echart1'

                               import echart2from '../views/echart2'

                               import echart3from '../views/echart3'

component和path引入

在app.vue中添加 

app.vue

4.接下来可以开始写正文了

5.看下效果图嘿嘿


vue引入echarts图表

你可能感兴趣的:(Vue With Echarts 1)