[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“

错误场景一：

错误提示：

在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下：

// 基于准备好的dom，初始化echarts实例
var bar_dv = document.getElementById('bar_dv');
let myChart = this.$echarts.init(bar_dv)

解决办法：

1、利用Vue中的ref和$refs 来代替document.getElementById（）获取该图形容器对象，代码如下：

<template>
  <div id="bar_dv"
       ref="chart"
  >
  </div>
</template>

<script>
  /*默认数据*/
  const DEFAULT_DATA = {
    xAxisData: ["重庆", "西安", "福州", "杭州", "长沙", "南昌"],
    yAxisData: [43, 41.8, 41.7, 41.