vue3怎么v-model绑定数组类型

在 Vue3 中，如果你想要绑定一个数组类型的值，并通过 `v-model` 实现双向数据绑定，可以采取以下几种方式：

1. **mapGetters 和 mapActions**：如果你使用的是Vuex，可以在store中定义一个计算属性并使用 `mapGetters` 映射到组件上，然后使用它来驱动 `v-model`。例如：

<template>
  <input v-model="listName" />
</template>

<script setup>
import { mapGetters } from 'vuex'

const listName = computed(() => getArrayFromStore());
// 在Vuex store中定义getArrayFromStore方法
export const getters = {
  getArrayFromStore(state) {
    return state.array;
  }
};
</script>

2. **ref 和 ArrayProxy**：直接使用 `ref` 或者 `reactive` 创建响应式的数组，比如：

<template>
  <input v-model="listRef.value" />
</template>

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

const listRef = ref([]);
// 对数组操作会自动更新视图
listRef.value.push('New item');
</script>

3. **自定义指令**：如果需求更复杂，可以创建一个自定义指令来处理数组的增删改查操作。

对于数组的修改，记得每次操作后触发相应的事件通知视图更新，如使用 `@change`、`@update` 等自定义事件。