前言:前端开发人员应该对vue.js框架比较熟悉了,数据双向绑定是它的众多优点之一,当变量改变后,绑定该变量的内容也随之发生改变,使得开发网页的速度大大提升了。这有点像将obj赋值给obj2,即obj2=obj,当obj2的某个属性值改变后,obj的该属性值也会发生改变,这就是因为对象类型直接赋值,只是将引用指向同一个地址,导致修改了obj2会导致obj也被修改,这也是我们今天要说的问题,有些时候我们并不希望修改了obj2也会导致obj修改,那么如何做到呢?如下所示:
var obj={
test: 123
}
var obj2=JSON.parse(JSON.stringify(obj));
我们执行下边这个步骤
obj2.test = 456
console.log(obj2) // {test: 456}
console.log(obj) // {test: 123}
就是这么简单
PS:欢迎加入vue技术交流群(864583465)进行更多问题的探讨,你的问题将是我们大家共同进步的关键。