vue使用echart图数据渲染不出来引发的思考(Vue 不能检测对象属性的添加或删除)

今天在使用echart柱状图时，发现渲染不出数据，而我在控制台可以看到数据已经异步请求获取了。

数据请求代码如下：

    getHistoryChartData:function() {
      const params = {
        project: this.selected_project_id
      }
      getHistorytaskchart(params).then(response => {
        this.chartData.previous_data = response.data.previous_data
        this.chartData.current_data = response.data.current_data
      }).catch(err => {
        console.error(err)
      })
    }

实例属性chartData定义如下：

箭头部分就是导致echart柱状图渲染不出的原因，定义chartData时未定义其属性previous_data和current_data，

而我在数据请求的方法中又给这两个属性赋值