在vue中監聽對象的方法:1.新建項目,引入vue;2.定義監聽對象;3.使用watch方法對對象進行監聽;
具體步驟如下:
1.首先,新建一個html項目,并在項目中引入vue;
import Vue from 'vue'
2.引入vue后,在項目中定義一個監聽對象;
data () {
return {
obj:{
name:'星星月亮',
age:18
}
}
},
3.最后,監聽對象定義好后,使用watch方法即可對對象進行監聽;
watch:{
obj:{
deep:true,
handler:function(newV,oldV){
console.log(newV)
}
}
}
相關擴展:
1)監聽對象中的某個屬性
watch:{
'obj.name':{
deep:true,
handler:function(newV,oldV){
console.log(newV)
}
}
}