vue变量赋值之引用赋值(新人大坑)

信息分类: vue 发布时间: 2022-08-06 15:20:34 访问量: 328

在VUE中,如果变量a是Object类型,赋值给另一个变量b的时候,切记传递的不是值,而是引用,他们指向了同一个空间!


影响:如果变量b的值发生了更改,那么会同时影响a的值!


这个特性,类似于后端开发语言中的指针。新手经常会忽略该问题导致项目出现严重BUG。比如:


var a = {
     number: 1,
     name: 'a'
}
var b = a;
console.log(a);
console.log(b);


那么如何避免呢?

方案1:

let b = JSON.parse(JSON.stringify(a));


方案2:

let b = Object.assign({}, a)

如有转载,请注明出处!《vue变量赋值之引用赋值(新人大坑)》的原文地址:http://www.xiao6.net/post/236.html