在vue中監聽變量的方法:1.新建項目,引入vue;2.定義監聽對象;3.使用watch方法監聽對象中的變量;
具體步驟如下:
1.首先,新建一個html項目,并在項目中引入vue;
import Vue from 'vue'
2.引入vue后,在項目中定義一個監聽對象;
data: {
a: 1,
b: 2,
c: 3,
d: 4,
e: {
f: {
g: 5
}
}
},
3.最后,監聽對象定義好后,使用watch方法即可監聽對象中的變量;
1)監聽變量
watch: {
bet(newValue, oldValue) {
console.log(newValue);
}
}
2)監聽某一個對象
watch: {
'bet.text': function (val, oldVal) {}
}
相關擴展:
1)使用service方法監聽整個對象
serviceList:{
handler(){
console.log(this.serviceList);
},
deep:true,
immediate: true
},