vue3reactive定义对象数组

在Vue3中，我们可以使用reactive来定义对象数组。reactive会将对象转化为响应式对象，使得当对象的属性发生变化时，视图会自动更新。而对于数组，我们可以使用reactive或者ref来定义。使用reactive定义数组时，需要对一些方法进行特殊处理，以确保数组的响应式。而使用ref定义数组时，我们可以直接使用数组的方法，但需要注意的是，对于数组元素的修改，需要使用.value来获取数组的值。下面是一个使用reactive定义对象数组的例子：

import { reactive } from 'vue'

const arr = reactive([
  { name: 'Tom', age: 18 },
  { name: 'Jerry', age: 20 },
  { name: 'Lucy', age: 22 }
])

在这个例子中，我们使用reactive定义了一个对象数组arr，其中每个对象都有name和age两个属性。当我们修改数组中的某个对象的属性时，视图会自动更新。例如：

arr[0].age = 20

这个操作会将数组中第一个对象的age属性修改为20，并且视图会自动更新。