Vue 3 中 ref 数组在模板里循环渲染时丢失响应性?你可能踩了这个坑
在 Vue 3 中同时使用 ref 和数组时,很多开发者会碰到一个诡异的现象:在 setup 里给 ref([]) 赋值一个对象数组,模板里用 v-for 循环渲染,后续通过索引修改数组元素或直接替换数组某个位置的内容,视图却不更新。尤其是当数组元素是对象,并且你直接修改 arr.value[0].name = 'xxx' 时,响应式完全失效。这个问题在从 Vue 2 迁移过来或者刚接触 Composition API 时特别容易遇到。因为 ref 对于基本类型是深层响应,但对于对象和数组,它内部会调用 reactive 包裹,然而数组的索引赋值、length 修改在 Vue 3 中已经可以被...