vue.js - 如何在Vue3中使用TypeScript手动定义 Prop 类型

Question

我可以

defineComponent({
  props: {
    name: { type: String as PropType<string> }
  }
})

告诉vue3我的 props类型是 { name: string }，但是如果我有多个组件具有相同的props类型，我该如何共享定义？
如果我在定义 Prop :

const props = {
  name: String as PropType<string>
}

然后像这样使用它:

defineComponent({
  props: props,
})

它不起作用，我在 Prop 设置功能中输入的类型不正确。

Answer 1

尝试按照本文所述，在src文件夹的mixins文件夹中制作一个mixin
https://vuejs.org/v2/guide/mixins.html#Basics
在那里，您只需要定义

export const propsMixin= {
     props: {
        name: { type: String as PropType<string> }
      }
}

然后通过将该混合添加到您的组件中，将其用于您尊敬的组件

import {propsMixin} from '@mixins/propsMixin'

并将其包含到mixins数组中

mixins:[propsMixin]