在vue中進行深度監聽的方法:1.新建項目,引入vue;2.定義監聽對象;3.使用watch方法對對象進行監聽;4.添加deep:true,屬性實現深度監聽;
具體方法如下:
1.首先,新建一個html項目,并在項目中引入vue;
import Vue from 'vue'
2.引入vue后,在項目中定義一個監聽對象;
data () {
return {
obj:{
name:'星星月亮',
age:18
}
}
},
3.監聽對象定義好后,使用watch方法對整個對象進行監聽;
watch:{
obj:{
handler:function(newV,oldV){
console.log(newV)
}
}
}
4.最后,監聽事件設置好后,在事件中添加一個deep屬性,并設置為true,即可實現深度監聽;
watch:{
obj:{
deep:true,
handler:function(newV,oldV){
console.log(newV)
}
}
}