vue2 watch引用类型 失败原因
生活随笔
收集整理的這篇文章主要介紹了
vue2 watch引用类型 失败原因
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue中watch基本用法:
new Vue({el: '#t1',data: {a: {b: 1,c: 2},},methods: {ch() {this.a.d=5 //不打印ok 原理是watch只watch掛在data中的數據,初始化時給他們分別賦予setter與getter,如果是中途加上的屬性,由于沒有setter與getter,不會被watch到。this.a.c=5 //打印ok ,測試時與上面代碼只寫一個。}},watch: {a:{
handler(){
console.log('ok')
},
deep:true
}},
)}
//html: <div class='t1' id='t1'> <button @click='ch'>+++</button> </div> ?
?
})
轉載于:https://www.cnblogs.com/gsgs/p/6821819.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的vue2 watch引用类型 失败原因的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA计算机毕业设计网上零食进销存(附
- 下一篇: html5倒计时秒杀怎么做,vue 设