vue3 定义对象数组

在Vue3中，我们可以通过使用`ref()`或`reactive()`函数来定义对象数组。`ref()`函数用于定义单一的响应式对象，而`reactive()`函数用于定义一个包含多个属性的响应式对象。这两个函数都可以用来定义对象数组。

下面是一个使用`ref()`函数定义对象数组的示例：

import { ref } from 'vue';

const myArray = ref([{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]);

在这个示例中，`myArray`是一个响应式的对象数组，包含了两个对象。你可以使用`myArray.value`来访问和修改数组的值。

另外，如果想要定义一个包含多个属性的响应式对象数组，可以使用`reactive()`函数。例如：

import { reactive } from 'vue';

const myArray = reactive([{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]);

在这个示例中，`myArray`是一个包含多个属性的响应式对象数组。你可以直接访问和修改数组中的每个对象以及每个对象的属性。

需要注意的是，在Vue3中，由于Composition API的引入，我们不再需要通过`this`来访问data、computed、methods和props。相反，我们可以直接在组件的setup函数中定义和访问这些属性。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>