一.引入vue-resource

　　通过npm下载vue-resource

npm install vue-resource --save

　　在main.js中引入vue-resource并注册

// main.js

import VueResource from 'vue-resource' 
Vue.use(VueResource)

二.设置aysnc-lineChart-option.js

　　将该曲线图的没有数据的option抽取到async-lineChart-option.js中。

　　此代码在src/echarts/aysnc-lineChart-option.js文件中，代码如下。

export const option = {
  title: { text: '曲线图' },
  backgroundColor: '#FBFBFB',
  tooltip: {
    trigger:'axis'
  },
  xAxis: {
    data: [],
    name: 'id'
  },
  yAxis: {},
  series: [{
    name: 'data',
    type: 'line',
    data: [],
    smooth : true,
    itemStyle: {
      normal: {
        color: 'hotpink'
      }
    }
  }]
}

三.在Curve.vue中请求数据

　   1.从async-lineChart-option.js中引入option

　　2.在methods中添加drawLineChart()方法

　　3.在mounted()钩子函数中调用drawBarChart()

　　4.添加加载动画，在drawLineChart()方法中添加showLoading()和hideLoading()

　　此代码在src/views/Curve.vue中，代码如下：