vue監(jiān)聽對象及對象屬性問題
更新時間：2018年08月20日 15:28:57 作者：前端技術匯
這篇文章主要介紹了vue監(jiān)聽對象及對象屬性問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
監(jiān)聽整個對象，使用watch就行
export default {
data() {
return {
a: {
b: 1,
c: 2
}
}
},
watch() {
a: {
handler(newVal, oldVal) {
console.log('監(jiān)聽a整個對象的變化');
},
deep: true
}
}
}
監(jiān)聽對象中具體屬性的變化，需要使用watch配合computed
export default {
data() {
return {
a: {
b: 1,
c: 2
}
}
},
watch() {
bChange() {
console.log('監(jiān)聽a對象中b屬性的變化');
}
},
computed: {
bChange() {
return this.a.b;
}
}
}
相關文章
在瀏覽器console中如何調(diào)用vue內(nèi)部方法
這篇文章主要介紹了在瀏覽器console中如何調(diào)用vue內(nèi)部方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
Vue3.2是一款非常流行的JavaScript框架,它讓在前端領域開發(fā)變得更加的便捷,下面這篇文章主要給大家介紹了關于VUE3.2項目使用Echarts5.4的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要給大家分享了?v-bind的使用和注意需要注意的點，下面文章圍繞?v-bind指令的相關資料展開內(nèi)容且附上詳細代碼?需要的小伙伴可以參考一下，希望對大家有所幫助2021-11-11
本片文章主要寫了，Vue3開發(fā)時運用Vant UI庫的一些避坑點。讓有問題的小伙伴可以快速了解是為什么。也是給自己做一個記錄2023-04-04
這篇文章主要介紹了vue3中reactive和ref函數(shù)及對比,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2024-01-01
這篇文章主要介紹了Nuxt.js之自動路由原理的實現(xiàn)方法，nuxt.js會根據(jù)pages目錄結構自動生成vue-router模塊的路由配置。非常具有實用價值，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了Vue項目中quill-editor帶樣式編輯器的使用方法，可以更改插入圖片和視頻，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了淺談Vue數(shù)據(jù)響應，Vue的數(shù)據(jù)響應主要是依賴了Object.defineProperty()，下面就具體來介紹一下如何實現(xiàn)數(shù)據(jù)響應2018-11-11
下面小編就為大家分享一篇vue-cli webpack2項目打包優(yōu)化，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vuex分模塊后,實現(xiàn)獲取state的值，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07