如何在Vue3中使用TS(1)

172 阅读1分钟

defineComponent

在Vue3 中 ,通过defineComponent函数返回一个defineComponent,来告诉我们该组件上有那些属性,所以,当我们在使用 Vue3 + TS 进行开发时,最好使用defineComponent。

image.png

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>