VUE3中数组对象更新视图不更新问题

<template>
  <mv-data-view itemHeight='5rem' :datasource='list'></mv-data-view>
</template>

<script setup>
import { ref} from 'vue'

let list = ref([])

$api.getMainData().then(res => {
  list.value = res
  const item = list.value.filter(li=>li.name==='日发电量')
    //
  $api.getProductionIndex().then(res => {
    item[0].value=res[2][2].value
  })
}
)
</script>

关键代码 const item = list.value.filter(li=>li.name==='日发电量')

找出想要变化的对象然后修改赋值就行