tft每日頭條

 > 圖文

 > vue傳值的方式

vue傳值的方式

圖文 更新时间:2024-07-18 10:08:38

vue傳值的方式?什麼是深拷貝和淺拷貝,我來為大家講解一下關于vue傳值的方式?跟着小編一起來看一看吧!

vue傳值的方式(深拷貝和淺拷貝)1

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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved