vue3从ref中取出列表

在 Vue3 中，你可以使用 `ref` 或者 `reactive` 对象来存储数据，特别是列表数据。如果你有一个包含数据的数组，例如：

const items = ref([]); // 使用 ref 存储列表数据

要从这个 `ref` 中取出列表，可以直接通过点操作符 `.value` 访问其当前的值：

console.log(items.value); // 输出当前的列表数据

如果你想监听列表的变化，可以使用 `watch` 或者 `onUpdate` 方法：

watch(
  items,
  (newItems) => {
    console.log('items更新了:', newItems);
  },
  { deep: true } // 如果列表元素也是响应式对象，需要设置深拷贝
);

对于动态添加或删除列表项，Vue会自动处理数组变化通知，但如果是异步操作导致的数据改变，建议你在回调函数中手动触发更新，比如 `items.value.push(newItem)`。