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

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

大家好,我在使用 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 来实现这样的功能,感谢大家的帮助


回答:

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

以上是 关于vue3 reactiveAPI实际项目使用上的一个疑问 的全部内容, 来源链接: utcz.com/p/937124.html

回到顶部