Vue爬坑：把对象中的数据给了某个变量，改变一个对象的值，另一个对象也变化的解决办法！

在vue中，在data里建立两个对象。

1. data() {

2. return {

3. dataA:{

4. a:1

5. },

6. dataB:''

7. }

8. };

将dataA的内容赋值给dataB，改变dataB里对象的值，发现dataA里的值也跟着变化了。为什么会出现这种情况呢？其实，这是一个引用传递而不是值传递，dataA和dataB指向的是同一个内存地址。

1. this.dataB = this.dataA;

2. this.dataB.a = 5;

3. console.log( this.dataA.a);//返回5

4. console.log( this.dataB.a);//返回5

如果我们不想让dataA的值跟着联动变化，应该怎么做呢？可以先把dataA转换成字符串，然后在转换成对象，代码如下：

1. this.dataB = JSON.parse(JSON.stringify(this.dataA));

2. this.dataB.a = 5;

3. console.log( this.dataA.a);//返回1

4. console.log( this.dataB.a);//返回5