Vue3 watch使用

监听一个ref

const count = ref(0);
watch(count, (newValue, oldValue) => {
    console.log(`count值从${oldValue}变成了${newValue}`);
});

监听一个reactive对象的属性

const state = reactive({ count: 0 });
watch(
() => state.count,
(newValue, oldValue) => {
    console.log(`count值从${oldValue}变成了${newValue}`);
});

监听多个数据源

watch(
[() => state.count, count], // 可以同时监听ref和reactive的属性
([newCount1, newCount2], [oldCount1, oldCount2]) => {
    // 处理变化
});

深度监