vue如何进行深度监听

在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)
}
}
}

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>