属性 在类型 'Ref<never[]>[]' 上不存在

Question

我在控制台中收到类似这样的错误：

• TS2339: 属性 'shop' 在类型 '(Ref | ((id: number) => Promise))[]'.
• TS2339: 属性 'getShop' 不存在于 输入'(Ref | ((id: number) => Promise))[]'.

为什么会出现？我该如何修复它们？示例代码：

// useShop.ts
import { ref } from "vue"

export default function useShop() {
  const shop = ref([])

  const getShop = async (id: number) => {
    // get data...
    shop.value = []
  }

  return [shop, getShop]
}

// Detail.vue
export default defineComponent({
  components: {},
  setup() {
    const { shop, getShop } = useShop()
    return {}
  },
})

Answer 1

你return这里有一个数组：

return [shop, getShop]

并在此处使用对象解构：

const { shop, getShop } = useShop()

return 对象 ({shop, getShop}) 或使用数组解构 (const [shop, getShop] =)。