什么是深拷贝和浅拷贝,我来为大家讲解一下关于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>

,