vue watch相关

116 阅读1分钟

写法一

var vm=new Vue({
            el: "#app",
            data: {
                ad: "44444"
            },
            watch: {
                ad(cV, oV) {
                    console.log(cV,oV)
                }
            },
            methods: {}
    })

写法二

var vm=new Vue({
            el: "#app",
            data: {
                ad: "44444"
            },
            watch: {
                ad: {
                    handler(cV, oV) {
                        console.log(cV,oV)
                    },
                    deep: true      //允许深度检测,可惜没有,手动笑脸
                }
            },
            methods: {}
    })

写法三

var vm=new Vue({
            el: "#app",
            data: {
                ob:{
                    age:{
                        newage:12
                    }
                }
            },
            watch: {
                "ob.age.newage":{
                    handler(a,b){
                        console.log(a,b)   //只检测newage变化
                    }
                }
            },
            methods: {}
    })