如何用vue进行深度监听
更新:HHH   时间:2023-1-7


今天小编给大家分享一下如何用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进行深度监听”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注天达云行业资讯频道。

返回开发技术教程...