vue $watch

135 阅读1分钟

第一个函数:定义监听数据,并返回给第二个函数;

第二个函数:接收到第一个函数返回值,进行逻辑处理;

第三个对象:类似watch监听中定义的数据,比如:初始化触发immediate: true;

会监听第一个函数中包含的数据,从而触发watch内容;

this.$watch(() => {
            const num = this.data + 1; // 需要监听后处理的数据;对this.data进行监听
            return {
                num
            };
        }, ({ num }) => {
            console.log(num)
        }, {
        mmediate: true,
    }
);

普通监听:

watch: {
    a: {
        handler(value, oldValue) {
            console.log(value, oldValue) // oldValue初始值未undefined
        }
        immediate: true,
    }
}