Vue开发之watch监听数组、对象、变量操作分析
本文实例讲述了Vue开发之watch监听数组、对象、变量操作。分享给大家供大家参考，具体如下：
1.普通的watch
data(){
return{
frontPoints:0
}
},
watch:{
frontPoints(newValue,oldValue){
console.log(newValue)
}
}
2.数组的watch：深拷贝
data(){
return{
winChips:newArray(11).fill(0)
}
},
watch:{
winChips:{
handler(newValue,oldValue){
for(leti=0;i
3.对象的watch
data(){
return{
bet:{
pokerState:53,
pokerHistory:'local'
}
}
},
watch:{
bet:{
handler(newValue,oldValue){
console.log(newValue)
},
deep:true
}
}
4.对象的具体属性的watch：
data(){
return{
bet:{
pokerState:53,
pokerHistory:'local'
}
}
},
computed:{
pokerHistory(){
returnthis.bet.pokerHistory
}
},
watch:{
pokerHistory(newValue,oldValue){
console.log(newValue)
}
}
希望本文所述对大家vue.js程序设计有所帮助。
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短