Vue3 响应式系统分为 effect 和 reactive 两部分
effect 负责收集依赖和触发更新，reactive 负责将普通对象转换为响应式对象
论据 / 示例
// reactive：将普通对象转换为响应式
const state = reactive({ count: 0 });
// effect：定义响应式逻辑
effect(() => {
console.log('count:', state.count);
});
// 修改 count 会自动触发 effect 执行
state.count++; // 输出：count: 1