@slmakm

page-content.vue 文件

```js
import type { PropType } from 'vue'

interface ContentProp {
prop: string
label: string
minWidth: string
}

interface Content {
title: string
propList: Array<ContentProp>
showIndexColumn: boolean
showSelectColumn: boolean
}

export default defineComponent({
props: {
book: {
// 提供相对 `Object` 更确定的类型
type: Object as PropType<Content>,
required: true
}
}
})

```

参考
https://cn.vuejs.org/guide/typescript/options-api.html#typing-component-props:~:text=%E6%88%91%E4%BB%AC%E5%8F%AF%E4%BB%A5%E4%BD%BF%E7%94%A8-,PropType,-%E8%BF%99%E4%B8%AA%E5%B7%A5%E5%85%B7%E7%B1%BB%E5%9E%8B

顺便一提，建议早用组合式与 <script setup> 早舒服