我已经在mounted（）中创建了一个图表对象，并将其分配给data（）中声明的'myChart'变量，因为我希望能够在代码的其他作用域中使用此图表对象，因为我听说无法将mounted中声明的变量传递给方法。
当我调用这个. myChart.update（）函数时，我得到错误消息“Uncatched（in promise）RangeError：超出了最大调用堆栈大小””。
有人知道为什么我会得到这个错误，以及如何纠正它，或者是否有其他方法来访问从手表或方法挂载的变量吗？

<script>
    import Chart from 'chart.js/auto';
    export default {
        name: 'ChartTest',
        props: {
            data: Object,
            title: String,
    },
    data() {
        return {
            myChart:'' //variable declared
        }
    },
    watch: {
        data:function() {
            this.myChart.update()  //error here
        }
    },       
        mounted() {
           const progressChart=new Chart(document.getElementById("progress-chart"), {
                type: 'line',
                data: this.data,
                options: {
                    plugins: {
                        title: {
                            display: true,
                            text: this.title
                        }
                    },
                    scales: {

                        y: {
                            display: true,
                            stacked: true,
                            max: 0,
                            min: 100,
                            title: {
                                display: true,
                                text: 'Your Score (%)'
                            }
                        }
                    }
                }
           });
            this.myChart=progressChart //assigning myChart variable to chartjs object
    }     
}
</script>