反应性vue-chartjs在开发人员模式下运行，但生产版本会冻结浏览器

Question

我正在尝试使用vuechartjs创建实时图表，在线查看了几种资源后，我设法提出了一些可行的方法（在npm run dev上）。但是我注意到我无法进行类似{{1 }}我在在线示例中找到了一种方法，因此我不得不在watch方法中呈现图表。

它可以在开发人员上顺利运行，但是在创建构建（this._chart.update()）时，实时聊天将不起作用！我加载初始值（0），浏览器开始抱怨速度变慢，最终将冻结浏览器。为什么会这样？

LineChart.js

npm run build

Monitor.vue （观察实时图表的地方）

import { Line } from 'vue-chartjs'

export default {
  extends: Line,
  props: ['data', 'options'],
  mounted () {
    this.renderChart(this.data, this.options)
  },
  watch: {
    'data': {
      handler: function () {
        this.renderChart(this.data, this.options)
      }
    }
  }
}

气泡图在开发人员和创建构建时均可正常工作。令人惊讶和更令人困惑的是，实时图表甚至没有显示出在开发人员模式下表现落后的迹象。如何改善这种行为？