vue3+ts点击怎么判断接口获取的数组的类型并传到另一个页面

在 Vue3 中，可以使用 TypeScript 来定义数据类型，同时可以通过 `ref` 或 `reactive` 来定义响应式数据。如果你从接口获取的数据是一个数组，可以将其定义为 `Array` 类型，并通过 `ref` 或 `reactive` 创建一个响应式数据。

例如，在当前页面中获取到了一个名为 `list` 的数组：

import { ref } from 'vue'

export default {
  setup() {
    const list = ref<Array<any>>([])

    // 从接口中获取数据并更新 list 的值
    // ...

    return {
      list
    }
  }
}

然后，如果你想在另一个页面中使用 `list`，可以将其传递给另一个页面的组件作为 props。在传递时，可以将 `list` 的类型定义为 `Array` 类型：

import { defineComponent, PropType } from 'vue'

export default defineComponent({
  props: {
    list: {
      type: Array as PropType<Array<any>>,
      required: true
    }
  },
  setup(props) {
    // 使用 props.list
    // ...
  }
})

在这个例子中，`list` 被定义为 `Array<any>` 类型，它的类型是 `any`，也可以根据实际情况定义为其他类型，例如 `Array<number>`。在另一个页面的组件中，`list` 被定义为一个 props，使用 `PropType` 来定义其类型。然后，你就可以在组件中使用 `props.list` 来访问传递过来的数组了。