defineComponent
在Vue3 中 ,通过defineComponent函数返回一个defineComponent,来告诉我们该组件上有那些属性,所以,当我们在使用 Vue3 + TS 进行开发时,最好使用defineComponent。
props
在Vue2中,我们声明props时,不需要声明类型,但在Vue3中必须声明js类型。并且如果你使用的是TS,还需要通过PropType来声明ts类型。
<script lang="ts">
import { defineComponent, PropType } from "vue";
interface Config {
name: string
}
export default defineComponent({
name: "App",
props: {
config: {
type: Object as PropType<Config>,
required: true
}
},
});
</script>