vue组件间传递对象的深拷贝

Posted 2023-03-20

参考技术A 浅拷贝：内存内同一个地址指向了两个变量，其中一个变量数据的改变都会影响这个地址内存储内容的改变。
我们在vue组件间传递对象的时候，不能浅拷贝，应该将内存拷贝出去，使得另一个地址指向obj2,这就是深拷贝。深拷贝之后两个变量拥有相同的内容，但是内存地址不一样，互不影响。

缺点：没有办法深拷贝函数。

需求：在使用 vuex 管理状态和数据的过程中，有一些对于数据列表的增删改的操作，每当完成这些操作后页面需要跳转到某个页面。
方法：使用 watch 监听数据列表，一旦监测到数据列表变化就跳转。
在实际过程中，数据的增减确实是可以引发跳转行为，但是列表项是对象，某个属性的更改则不会引发跳转。