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程序设计有所帮助。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短