vue传值的方式（深拷贝和浅拷贝）
什么是深拷贝和浅拷贝，我来为大家讲解一下关于vue传值的方式?跟着小编一起来看一看吧!
vue传值的方式
什么是深拷贝和浅拷贝
深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象，假设B复制了A，当修改B时，看A是否会发生变化，如果A变了，说明是浅拷贝；如果A没变，那就是深拷贝
<script>
export default {
name: 'index',
data () {
return {
obj: {
name: '深拷贝or浅拷贝',
dec: '测试深拷贝和浅拷贝'
}
}
},
created () {
// 浅拷贝
let obj0 = this.obj
obj.name = '你好'
console.log(this.obj) // obj.name:'你好'
console.log(obj0) // obj0.name:'你好'
// 深拷贝
let obj1 = JSON.parse(JSON.stringify(this.obj))
obj1.name = '你好'
console.log(this.obj) // obj.name:'深拷贝or浅拷贝'
console.log(obj1) // obj1.name:'你好'
}
}
</script>
免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com
