＆＃34;避免改变道具＆＃34;道具永远不会改变时，在vue-chartjs组件中发出警告

Question

我正在根据他们的例子vue-chartjs扩展Bar组件：

// MyChart.js
import { Bar } from 'vue-chartjs'

export default Bar.extend({
  props: ['reportData'],
  data() {
    return {
      chartData: this.reportData,
    }
  },
  mounted() {
    this.renderChart(this.chartData);
  },
})

但是当使用这样的组件时，我得到了一个＆＃34;避免变异道具＆＃34;传入的testData变量发生更改时出错：

<my-chart :report-data="testData"></my-chart>

  

避免直接改变道具，因为只要父组件重新渲染，该值就会被覆盖。而是根据prop的值使用数据或计算属性。支持被改变：＆＃34; reportData＆＃34;

我怎么能改变reportData道具？