vue之watch用法

Posted 2021-01-24 superjsman

watch是一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象 watch:{

        //属性
　　　　　msg: function(newVal,oldVal){
            console.log(oldVal+‘改变成‘+newVal)
        },　　//函数
        msg1(newVal,oldVal){
            console.log(oldVal+‘改变成‘+newVal)
        },
        msg2:[//数组
            function(newVal,oldVal){
                console.log(oldVal+‘改变成‘+newVal)
            },
            function(newVal,oldVal){
                console.log(oldVal+‘改变成‘+newVal)
            }
        ],
        msg3:{//对象
            handler:function(newVal,oldVal){
                console.log(oldVal+‘改变成‘+newVal)
            },
            deep: true
        },　　　　//对象中的属性
　　　　　‘msg.age‘: function(newVal,oldVal){
　　　　　　　　　　console.log(oldVal+‘改变成‘+newVal)
　　　　　　　　}
　　　　}