vue3中 const list= reactive([])获取第一个对象,赋值给const c= reactive({})

import { reactive } from 'vue';
 
const list = reactive([
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }
]);
 
const c = reactive({});
 
// 获取列表的第一个对象并赋值给 c
if (list.length > 0) {
  c.value = { ...list[0] };
}

在赋值时，我们使用了扩展运算符（...）来创建第一个对象的副本，这样做可以确保c是一个全新的响应式对象，不会和list中的原对象有任何直接的引用关系，从而保持它们的响应式状态分离