试试这个

const data = reactive({ code: null, data: [] })
onMounted(() => {
setTimeout(() => {
Object.assign(data, { code: 0, data: [666, 777, 888] })
}, 1000)
})

function useFoo(state) {
const res = {}
watchEffect(() => {
for (let key in state) {
res[key] = toRef(state, key)
}
})
return res
}

const { data: list } = useFoo(data)

watchEffect(() => {
console.log('data', data)
console.log('list', list)
})

@zhengfan2016 因为我在调试 react 源码，不想通过合成事件去触发，徒增额外调试

@shintendo 从 chrome 的 debugger 工具看，这个 props 确实是来源于闭包，thanks!!

@maclanelf134 那不至于，主要是嫌弃公司的垃圾项目，不想维护

@Liam1997 项目没写过，但 react 的官网看过几次，可以用一个很简单的 demo 打断点一步一步的调试，再看看那些大佬总结的笔记，调试过十几次自然就看的进去了，不过也就简单了解下核心流程

@tog vue 技术栈，但公司的 vue2 老项目太恶心了基本改不动，为什么突然想换了，因为想涨工资了

@llsquaer 我也是这样，一直按着 shift 很累

因为 react 很火，nextjs 也很火

crud 启动

@gorvey 这个肯定要统一 eslint 或者 prettier 的配置文件

@tyrantZhao 不是自己项目，真不想弄那么细

早就不看了，没意思

扣，买个电脑都会看个几年

只会写后台管理系统，全部用 div 和 span

@xiyan00 下面是 debug 的 watch 功能输出各项的值

@repus911 后台基本上都是做各类协议日志的分析，根据各种内置策略去做扫描匹配，还原出日志的链路流程，但这些和前端关系不大吧

@bbao 主要都是后台管理系统，这种东西基本千篇一律，实在找不到啥子亮点