watch深度监听

我们在监听对象时,一般对象内部的属性被改变时是无法触发 watch的 ,所以我们需要设置深度监听deep: true,如下:

export default {
    data: {
        studen: {
            name: 'Joe',
            skill: {
                run: {
                    speed: 'fast'
                }
            }
        }
    },
    watch: {
        studen: {
            handler: 'sayName',
            deep: true
        }
    },
    methods: {
        sayName() {
            console.log(this.studen)
        }
    }
}

你可能感兴趣的:(vue,vue)