javascript - vue.js コンポーネントで typescript インターフェイスの props を宣言する

Question

タイプスクリプトの単一のオブジェクトで 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() を使用してコンポーネントでこれを行うにはどうすればよいですか?

Answer 1

この構文を試してください

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