vue3响应式数据关联性

最新推荐文章于 2024-04-18 08:56:13 发布

MoonMoonLee

最新推荐文章于 2024-04-18 08:56:13 发布

阅读量496

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_39241421/article/details/125973844

版权

将从后台获取的数据（ret.dataList）赋值给多个响应式数据(publicData.expList1,publicData.expList2...)后，只要响应式数据其中任意一个数据无论通过任何方式发生变化，其它数据都会做相同变化。

这个现象说明，赋给响应式数据的是一个地址而不是纯值，所以这几个响应式数据是相互关联的。若想去除关联影响，可以循环遍历后台数据，将元素push到响应式数据里。

exmple:
let publicData = reactive({
    expList1: [],
    expList2: [],
    ...
    expListn: [],
})

http.servRequest((ret)=>{
    if(ret.dataList.length) {
        ret.dataList.map((item)=>{
            publicData.expList1.push(item)
            publicData.expList2.push(item)
            ...
            publicData.expListn.push(item)
        })
    }
})