vue watch關於對象內的屬性監聽

這篇文章主要介紹了vue watch關於對象內的屬性監聽的相關知識，非常不錯，具有一定的參考借鑑價值 ,需要的朋友可以參考下

vue可以通過watch監聽data內數據的變化。通常寫法是：

data: {
 a: 100
},
watch: {
 a(newval, oldVal) {
  // 做點什麼。。。
  console.log(newval, oldVal)
 }
} 

vue監聽整個對象，如下：

•deep: true 深度監測

data: {
 return {
  msg: {
   name: 'hahah',
   color: 'red'
  }
 }
}
watch: {
 msg: {
  handler(newValue, oldValue) {
   // 做點什麼。。。
   console.log(newValue)
 },
 deep: true
} 

如果監聽對象內的某一具體屬性，可以通過computed做中間層來實現：

computed: {
 name() {
  return this.msg.name
 }
},
watch:{
 name(newValue, oldValue) {
   // 做點什麼。。。
   console.log(newval, oldVal)
 }
} 

總結

以上所述是小編給大家介紹的vue watch關於對象內的屬性監聽的相關知識，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回覆大家的！