您好,登錄后才能下訂單哦!
小編給大家分享一下Vue中怎么監控某個屬性值的變化,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
比如現在需要監控 data 中,obj.a 的變化。Vue 中監控對象屬性的變化你可以這樣:
watch: { obj: { handler (newValue, oldValue) { console.log('obj changed') }, deep: true } }
deep 屬性表示深層遍歷,但是這么寫會監控 obj 的所有屬性變化,并不是我們想要的效果,所以做點修改:
watch: { 'obj.a': { handler (newName, oldName) { console.log('obj.a changed') } } }
還有一種方法,可以通過 computed 來實現,只需要:
computed: { a1 () { return this.obj.a } }
利用計算屬性的特性來實現,當依賴改變時,便會重新計算一個新值。
以上是“Vue中怎么監控某個屬性值的變化”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。