vue監(jiān)聽對象及對象屬性問題
更新時間:2018年08月20日 15:28:57 作者:前端技術(shù)匯
這篇文章主要介紹了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;
}
}
}
相關(guān)文章
vue2.0 + element UI 中 el-table 數(shù)據(jù)導(dǎo)出Excel的方法
下面小編就為大家分享一篇vue2.0 + element UI 中 el-table 數(shù)據(jù)導(dǎo)出Excel的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue中v-model和響應(yīng)式的實現(xiàn)原理解析
這篇文章主要介紹了vue中v-model和響應(yīng)式的實現(xiàn)原理,通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03
elementui之el-tebs瀏覽器卡死的問題和使用報錯未注冊問題
這篇文章主要介紹了elementui之el-tebs瀏覽器卡死的問題和使用報錯未注冊問題2019-07-07

