vue3+ts定义一个响应式的数组

在 Vue 3 中，我们可以使用 ref 和 reactive 函数来创建响应式数据。对于数组，我们可以使用 reactive 函数来创建一个响应式的普通数组，也可以使用 ref 函数来创建一个响应式的包装后的数组。

下面是使用 reactive 函数创建响应式数组的示例代码：

import { reactive } from 'vue'

const state = reactive({
  array: [] as string[]
})

state.array.push('hello')
console.log(state.array) // ["hello"]

下面是使用 ref 函数创建响应式数组的示例代码：

import { ref, Ref } from 'vue'

const array: Ref<string[]> = ref([])

array.value.push('hello')
console.log(array.value) // ["hello"]

需要注意的是，在使用 ref 函数创建响应式数组时，我们需要使用 `array.value` 来访问数组元素和方法。