今天小编给大家分享一下vue怎么进行深度监听的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
创新互联专注于双流企业网站建设,响应式网站,商城开发。双流网站建设公司,为双流等地区提供建站服务。全流程按需网站建设,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
具体方法如下:
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)
}
}
}
以上就是“vue怎么进行深度监听”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。