vue3props接收到的列表数据，循环的时候报item对象的类型为 "unknown"

Question

Answer 1

type Foo = {
    name: string;
};

props: {
    topics: Array as Array<Foo>,
    topics: Array as Foo[],
    topics: {
        type: Array as Foo[]
    }
    // 几个写法多选一
}

为啥要这么断言一次我在这篇回答里有完整的写：https://segmentfault.com/q/10...

Answer 2

因为 Array 中可以放任何类型的数据，所以目前的类型标注确定了topic 是 Array类型，而没有告知其中各子项 topic[] 的类型。
应该是这样：

props: {
    topics: Array<TypeOfYourItem>
}

或者：

props: {
    topics: TypeOfYourItem[]
}

不过我没学过 TS，这两个是 JSDoc 的类型标注，我想二者应该不会差太多。