watch的使用方法

1. watch简单监听属性

监听对象就不要用这种写法

data(){
    return {
        num: 1
    }
}，
watch: {
    num(newval, oldval){    // newval 是新值 oldval 是修改前的值
        // num有变化之后所执行的代码块
        console.log(this.num, newval, oldval)
    }
}

1. watch深度监听

handler：回调函数，值变化之后所执行的函数

deep：深度监听，一般是监听不到对象里面的值变化，所以要深度监听

immediate：是否首次绑定去执行handler 函数

data(){
    return {
        formData: {
            name: '张',
            name2: '三',
        },
        fullname: '',
    }
},
watch: {
    'formData': {
        deep: true, // 深度监听 默认为false
        immediate: true, // 首次绑定的时候执行一次
        handler(){
            this.fullname = this.formData.name + this.formData.name2
        }   
    }
}