关于vue3 reactiveAPI实际项目使用上的一个疑问

Question

大家好，我在使用 vue3 中的 reactive API时发现了一个问题，如果我当前的组件有一个数组是这样定义的 let arr = reactive([])现在我通过数组的push、pop或直接修改下标的取值 都会实现响应式这样的效果，那此时我请求后台数据返回的是一个数组，我需要使用这个数组并且这个数组也需要是响应式的，于是我这样实现

let arr = reactive([])
arr = fetch('xxx') // 修改了引用，现在arr没有响应效果了

这我就有点麻了，虽然可以通过 ref 来间接实现

let arr = ref([])
arr.value = fetch('xxx') // getter监听到了变化 ref 内部借助 reactive 现在 arr 有响应效果了

我希望可以通过 reactive 来实现这样的功能，感谢大家的帮助

Answer 1

感觉只能用ref了吧（多个.value也还好吧）， 毕竟arr = fetch(xx)相当于重新赋值了