Vue中的Watcher是一個觀察者對象,用于監聽數據的變化并執行相應的回調函數。Watcher的用法如下:
const vm = new Vue({
data() {
return {
message: 'Hello World'
}
},
watch: {
message(newVal, oldVal) {
console.log('message的值發生了變化:', newVal, oldVal)
}
}
})
watch: {
message(newVal, oldVal) {
console.log('message的值發生了變化:', newVal, oldVal)
}
}
message(newVal, oldVal) {
console.log('message的值發生了變化:', newVal, oldVal)
}
newVal
和oldVal
獲取:message(newVal, oldVal) {
console.log('message的值發生了變化:', newVal, oldVal)
}
watch: {
// 監聽計算屬性
fullName(newVal, oldVal) {
console.log('fullName的值發生了變化:', newVal, oldVal)
},
// 深度監聽對象
obj: {
handler(newVal, oldVal) {
console.log('obj的值發生了變化:', newVal, oldVal)
},
deep: true
}
}
總結一下,Watcher的用法就是在Vue實例的watch選項中定義要監聽的數據和回調函數,在回調函數中處理數據變化的邏輯。