vue结合echarts时，浏览器报错Initialize failed: invalid dom

先上截图：
初始化echarts放在mounted中

运行前端，报错：

分析原因：
在进行echarts初始化时，用到了dom元素，但是在mounted中，此时正好是dom元素加载的时候，所以相当于两个需求同时执行，或者说echarts初始化先执行，这样在echarts初始化时，不会获得已经加载完成的dom元素，因此报错

目前我的解决方案：
有些博主在mounted中加了一个settimeout方法，推迟一下，可以得到要求，但是我在尝试过程中发现，1.时间的设置需要，根据自己的代码试一试，2如果我在option中加了一些数据，时间就有需要重新设置，这鲁棒性有点不尽如人意

最后，我把上述的方案从mounted中删掉，放到了methods()中的一个函数中，此时效果达到了，在option中加东西也不用再调整时间了，如下：

echarts效果实现：

最后：
尽管看似功能实现了，但是具体深入的原理我还是说不明白，我会进一步研究，同时也希望大家不吝赐教，抱拳了
附上一个dom周期的文章：https://www.php.cn/vuejs/481416.html