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