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>
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!