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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue组件间传递对象的深拷贝相关的知识,希望对你有一定的参考价值。

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

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

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

以上是关于vue组件间传递对象的深拷贝的主要内容,如果未能解决你的问题,请参考以下文章

Vue实现对数组对象的深拷贝复制

PHP中对象的深拷贝与浅拷贝

详解Java技术的深拷贝和浅拷贝

Python中的深拷贝和浅拷贝

JS中如何进行对象的深拷贝

实现list的深拷贝