vue3 定义一个空数组

在Vue 3中，定义一个空数组可以使用多种方式。最直接的方式是在Vue组件的`data`函数中返回一个空数组。`data`函数是Vue组件的响应式状态的来源。下面是一个定义空数组的示例：

<template>
  <div>
    <!-- 在模板中可以使用这个数组 -->
    <ul>
      <li v-for="item in myArray" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

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

export default {
  setup() {
    // 使用 ref 创建响应式引用
    const myArray = ref([]);

    // 可以在组件的任何地方修改 myArray 的值
    // 例如，添加元素
    // setTimeout(() => {
    //   myArray.value.push({ id: 1, name: '新元素' });
    // }, 1000);

    return {
      myArray
    };
  }
};
</script>

在这个例子中，我们使用了Vue 3的Composition API，特别是`ref`函数来创建一个响应式的空数组`myArray`。注意，当你在Vue中使用数组时，应该使用`.value`来访问和修改这个数组，因为`ref`返回的是一个包装对象，而不是原始值。