//1.基础用法
new Vue({
el:'vm',
data(){
return {
andy:'龙的传人-李青'
}
},
watch: {
andy(newAndy,oldAndy){
//...
}
}
})
//2.watch中的 immediate 和 handler 的使用
new Vue({
el:'vm',
data(){
return {
andy:'龙的传人-李青'
}
},
watch: {
andy: { //andy要监听的那个 data 值
handler(){
//.....
},
immediate:true // immediate 为true时表示在watch中声明的时候就执行 handler
}
}
})
//3 watch 中的 deep 属性为true时,表示深层监听
new Vue({
el:'vm',
data(){
return {
andy: {id:'1',name:'冯宝宝'}
}
},
watch: {
andy: { //andy要监听的那个 data 值
handler(){
//.....
},
immediate:true, // immediate 为true时表示在watch中声明的时候就执行 handler
deep:true,//因为 andy是一个对象,deep 不为true的话监听不到andy中的属性值得变化
}
}
})
注:如果我们想要监听andy 这个对象中的某个属性的变化 可以把 andy --> 'andy.id' 或者 'andy.name'