vue从后端接口获取数据（前端使用push添加进数组），当前端进行展示的时候，没有数据展示。但控制台输出了数据__ob__: Observer

问题：__ ob __: Observer无法显示数据

vue从后端接口获取数据（前端使用push添加进数组），当前端进行展示的时候，没有数据展示。但控制台输出了数据__ob__: Observer

问题解决：

看了很多博客，都是使用JSON.parse(JSON.stringify(数组))来解决的，但这种方法对我的页面并没有作用，好像不是这种原因导致的无法获取到值。
但为什么会有__ob__: Observer?
实际上这个后缀是Vue监控变量产生的，如果你使用push添加的对象就会出现__ob__: Observer，不能获取到值并不是__ob__: Observer不能遍历不能枚举，(这是我参考其他博客的。还不解其意)
我自己尝试的不是push的原因，
（对于__ob__: Observer的出现，并不是因为使用了push的原因，而是使用了this的原因。
当你定义let 变量取值时，控制台返回的是正常的数组，不带__ob__: Observer；但当你为this.属性名赋值时，就会出现这种问题（ob: Observer））

究其原因：vue取值方式是ajax异步的，即你还没有从数据库取到值放到对应的数组中，就开始取值了，肯定是取不到的。
所以有以下四种解决方法：

1.使用同步，等加载完再取值

2.设置setTimeout，当取完值之后再赋值

3.设置监听器，watch（可行）

  watch: {
    pieData: {
      handler: function () {
        this.myChart = this.$echarts.init(this.$refs.pieChart);
        this.initChart();
      },
      deep: true,
    },
  },

4.使用插值表达式{{}}，直接使用得到的值，不再对this.属性名 进行赋值使用。

以上是我找到的解决方案，大家有什么意见可打在评论区