关于子组件拷贝的数据，如何不受父组件修改的影响？
来源：17-3 监听器watch
她不喜欢我女装
2020-05-25
子组件接收父组件的传值source，并复制一份origin，如何如何让在source修改的时候不修改origin，我是这么写的，但是并没有效果，
props: {
buttonList: Array
},
computed: {
Taglist: function () {
var obj = {}
obj = JSON.parse(JSON.stringify(this.buttonList))
return obj
}
},
老师可以补充一下computed的相关用法吗？
写回答
1回答
-
扬_灵
2020-05-26
同学你好，这个里面涉及到了深拷贝的问题，使用JSON.parse JSON.stringify是可以实现深拷贝的。
computed的用法官网中有很详细的介绍，我的理解是：
1.computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；
2.computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减少或增多或删除商品，总金额都应该发生变化。这里的这个总金额使用computed属性来进行计算是最好的选择
你可以把代码上传一下，我在本地帮你看一下，如果不能解决你的问题，可以继续追问。
00
相似问题