vue3中const arr=ref([]) 和 const arr=[] as any 赋值之后获取

今天把const arr=ref([]) 写成了 const arr=[] as any，导致明明有数据但是怎么也获取不到，搜了一下原来...

const arr=ref([]) 和 const arr=[] as any 的区别在于：

1) const arr=ref([])：这里使用了 Vue 3 的 ref 函数，将一个空数组 [] 包装成一个响应式对象。当数组发生变化时，Vue 会自动追踪这些变化并更新视图。

2) const arr=[] as any：这里创建了一个空数组 []，并使用类型断言 as any 将其指定为任意类型。这样做的目的是告诉 TypeScript，这个变量可以存储任何类型的值，但实际上它仍然是一个数组。这种情况下，Vue 不会自动追踪数组的变化。

赋值时都使用arr.value=[1,2,3]，那么在html中显示内容的时候，“const arr=ref([])”可以直接获取到arr[0]、arr[1]、arr[2]的值显示1、2、3；而“const arr=[] as any”则需要通过arr.value[0]、arr.value[1]、arr.value[2]来显示1、2、3，若直接arr[0]则会报错，因为arr是一个空数组