一定一定要注意的坑:
比如要监测对象 A,一定要把watch代码写到定义A的后面,否则出错。

1. 监听对象

js引入

import {
		ref,
		reactive,
		toRefs,
		watch
	} from 'vue'
let mankind = reactive({
    name:'路飞',
    age:18,
    family:{
        brother:{
            one:'艾斯'
        }
    }
});
......
......
//开启监视
watch(mankind, (newValue, oldValue)=>{
    console.log('数据变化了', oldValue, newValue);
});

2. 监听(多个)对象属性

watch([()=>mankind.name,()=>mankind.age],(newValue, oldValue)=>{
    console.log('数据变化了', oldValue, newValue);
})

文章有引用,详细说明可点击:watch

Logo

前往低代码交流专区

更多推荐