vue3 uniapp watch对象以及对象属性使用

一定一定要注意的坑：
比如要监测对象 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