Vue2的 “__ob__:Observer“ 属性的解决方案

一、__ob__:Observer是什么

1.  vue有一个重要的机制—Observer（观察者），Observer被称为__ob__是vue中的一个属性，是用来监听数据变化的。

2. 一般是vue取值的方式是是异步的，出现__ob__:Observer说明处于监听状态，是不可以枚举的，也取不到值的。

二、解决方式

1. 对象可以使用Object.assign({},obj)去掉复杂类型的引用产生的__ob__
2. 数组嵌套对象可以使用：JSON.parse(JSON.stringify(arr))去掉引用产生的__ob__
3. 复杂嵌套可以使用如下功能函数深拷贝

  created() {
    this.arr.push({ lable: '张三', value: 111 });
    console.log('this.arr--', this.arr);
    console.log('arr---', JSON.parse(JSON.stringify(this.arr)));
  }

结果：