Vue坑点 在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined

Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined

一、写在开头
最近使用Echart时发现与Vue有些不兼容的地方，会出现一些奇怪的报错，在这里记录一下帮助同样遇到问题的朋友们。

二、发现问题
出现问题是在mounted（）中使用官方示例的时候报了以下错误：
Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”。

三、解决问题
造成问题的原因有两个，一个是初始化的时候没有获取到DOM元素，另一个是引入Echart这个库的方式错误，解决如下：
1.使用ref获取DOM元素：

`this.Chart = echarts.init(this.$refs.chartDom)`

2.改用require的方式引入库：

let echarts = require('echarts');

好了，大概就是这样，我是O5，共勉！
也请大家关注一下我的公众号：游戏前端。

本文地址：https://blog.csdn.net/ODST_TheSolverO5/article/details/111090606