Vue3中监听器回调值为对象 - 深度监听 官网
若要监听对象内部属性变化,可使用深度监听。比如对象{ address: { city: 'New York' } },用深度监听能捕获到city属性的变化。 import { ref, watch } from 'vue';const person = ref({ address: { city: 'New York' } });watch(person, (newValue, oldValue) => { console.log('新值:', newValue); // 运行结果:新的person对象 console.log('旧值:', oldValue); // 运行结果:旧的person对象}, { deep: true }); 深度监听会消耗更多性能,所以仅在必要时使用。