在 vue.js 组件中声明 typescript 接口道具

Posted 2023-02-22

【中文标题】在 vue.js 组件中声明 typescript 接口道具

【英文标题】：Declare typescript interface props in vue.js component

【发布时间】：2020-10-26 09:29:40

【问题描述】：

我想在 typescript 的单个对象中定义 vue 组件道具。

import Component, Prop, Vue from 'vue-property-decorator'

export class Props extends Vue

  classElement :string


@Component
export default class Menu extends Vue<Props>

    public props :Props;

    .....

我可以在基于类的组件中像上面那样做。

但是如何使用 Vue.extend() 在组件中做到这一点？

【参考方案1】：

试试这个语法

props: 
  foo: 
    type: Object as () => IFoo