Vue_使用watch监听对象的三种方法

目录

            data: {
                datas: {
                    a: 77,
                    b: 86
                }
            }

使用deep:true深层次监听

                'datas':{
                    handler:function(newVal){
                        console.log(this.datas);
                    },
                    deep:true
                }

监听某一个具体的属性

                'datas.a':{
                    handler:function(newVal){
                        console.log(this.datas);
                    }
                }

使用computed来监听某一个具体的属性

            watch: {
                a(newVal){
                    console.log(this.datas);
                }
            },
            computed: {
                a:function(){
                    return this.datas.a;
                }
            }
上一篇:简单实现Vue中的双向绑定、生命周期以及计算属性!!!


下一篇:computed 和 method 都能实现的一个功能,建议使用 computed,因为有缓存