vue watch深度监听对象及对应值的变化

最新推荐文章于 2025-03-02 21:37:31 发布

转载最新推荐文章于 2025-03-02 21:37:31 发布 · 313 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/leelee/p/8965840.html

标签

#javascript #ViewUI

收录于

 1 var vm=new Vue({
 2     data:{
 3         a:1,
 4         b:{
 5             c:1
 6         }
 7     },
 8     watch:{
 9         a(val, oldVal){//普通的watch监听
10             console.log("a: "+val, oldVal);
11         },
12         b:{//深度监听，可监听到对象、数组的变化
13             deep:true,
14             handler: function (newVal) {
15                 console.log("b.c: "+val.c, oldVal.c);//但是这两个值打印出来却都是一样的
16             },
17         }
18     }
19 })
20 vm.a=2
21 vm.b.c=2