Vue.js – 通过watch如何深度去监控数据？

作者：管理员 2017-06-03 11:07:20 分类：Vue2.js专栏阅读（6408） 0

在实际项目中，使用watch可以带很多需要重复执行的代码进行整合，大大减少了代码量，但是，你是否遇到过这样一个问题，比如当监控data里的一个数组，数据里面有N多对象，对象里有N多属性，当数据的对象本身进行增删时候是可以监听到，但对象里面的属性发生改变，却不灵，这里就不得不提到什么是深度监听deep:true。使用方式也比较简单，具体看代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

//拿到初始化数据
let dataList = [
{
id:1,
userName:"leo1",
sex:'男',
hobby:'写代码'
},
{
id:2,
userName:"leo2",
sex:'男',
hobby:'唱歌'
},
{
id:3,
userName:"leo3",
sex:'男',
hobby:'读书'
}
]

//省略---------------------
watch:{
dataList:{
handler:function(){
//需要执行的代码
},
deep:true //需要深度监听
}
}

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com

赞(1) 打赏

标签：

Vue 监听

上一篇：关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

下一篇：用纯css改变下拉列表select框的默认样式

Vue.js – 通过watch如何深度去监控数据？

相关推荐

共 0 条评论关于"Vue.js – 通过watch如何深度去监控数据？"

点击取消