vue watch關于對象內(nèi)的屬性監(jiān)聽
更新時間：2019年04月22日 16:08:47 作者：寶貝QY
這篇文章主要介紹了vue watch關于對象內(nèi)的屬性監(jiān)聽的相關知識，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
vue可以通過watch監(jiān)聽data內(nèi)數(shù)據(jù)的變化。通常寫法是：
data: {
a: 100
},
watch: {
a(newval, oldVal) {
// 做點什么。。。
console.log(newval, oldVal)
}
}
vue監(jiān)聽整個對象，如下：
•deep: true 深度監(jiān)測
data: {
return {
msg: {
name: 'hahah',
color: 'red'
}
}
}
watch: {
msg: {
handler(newValue, oldValue) {
// 做點什么。。。
console.log(newValue)
},
deep: true
}
如果監(jiān)聽對象內(nèi)的某一具體屬性，可以通過computed做中間層來實現(xiàn)：
computed: {
name() {
return this.msg.name
}
},
watch:{
name(newValue, oldValue) {
// 做點什么。。。
console.log(newval, oldVal)
}
}
總結
以上所述是小編給大家介紹的vue watch關于對象內(nèi)的屬性監(jiān)聽的相關知識，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
詳解vue + vuex + directives實現(xiàn)權限按鈕的思路
這篇文章主要介紹了詳解vue + vuex + directives實現(xiàn)權限按鈕的思路，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了vue3自定義dialog、modal組件的方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
提起幫助文檔，想必大家都會想到?VuePress等。但是VuePress是“靜態(tài)網(wǎng)站生成器”，需要我們自行編寫文檔，然后交給VuePress變成網(wǎng)站。因此，本文將用vite2+Vue3編寫一個在線幫助文檔工具，需要的可以參考一下2022-03-03
這篇文章主要介紹了vue3獲取url地址參數(shù),Vue3?獲取地址欄參數(shù)有兩個方式：查詢參數(shù)和路徑參數(shù)，文中結合示例代碼給大家詳細講解，需要的朋友可以參考下2023-04-04
vue2.0 better-scroll 實現(xiàn)移動端滑動的示例代碼
本篇文章主要介紹了vue2.0 better-scroll 實現(xiàn)移動端滑動的示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2018-01-01
在本篇文章里，小編給大家分享的是關于Vue關于組件化開發(fā)知識點詳解內(nèi)容，有興趣的朋友們可以學習下。2020-05-05
Vue+Openlayer使用modify修改要素的完整代碼
這篇文章主要介紹了Vue+Openlayer使用modify修改要素的完整代碼,代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-09-09
這篇文章主要介紹了vant組件庫之tag漸變色不起作用的原因及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
在日常開發(fā)中,經(jīng)常遇到需要支持列表循環(huán)滾動展示,特別是在數(shù)據(jù)化大屏開發(fā)中,所以小編今天為大家介紹一下如何利用vue3實現(xiàn)一個無縫滾動組件吧2023-09-09
Vue Router是Vue.js的官方路由器,它與Vue.js核心深度集成,使使用Vue.js構建單頁應用程序變得輕而易舉,下面這篇文章主要給大家介紹了關于Vue3實現(xiàn)路由跳轉(zhuǎn)的相關資料,需要的朋友可以參考下2022-08-08