vue3 用ref声的数组 forEach 无法使用

Vue3 中，当你使用 `ref` 存储一个数组并尝试通过 `forEach` 方法处理时，可能会遇到一些预期之外的问题。这是因为 Vue 的响应式系统对原始数据进行了观测，而 `ref` 创建的是一个引用类型的对象，并非真正的数组实例。当你直接操作原生的数组时，Vue 并不会跟踪这个改变。

解决这个问题的一个常见做法是先将 `ref` 对象解构成实际的数组，然后在新的数组上执行 `forEach` 或其他数组方法：

const myArrayRef = ref([]);
myArrayRef.value.forEach(item => {
  // 这里可以访问到每个元素
});

另外，如果你需要在模板中直接遍历数组，你可以使用 `v-for` 指令结合 `track-by` 来告诉 Vue 跟踪每个项：

<template>
  <ul>
    <li v-for="item in myArrayRef" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

在这个例子中，`myArrayRef` 应该是一个包含对象的数组，`id` 或者其他的唯一标识符作为 `track-by` 的依据。