Typescript&VueでのPropsで値を渡す方法

子のコンポーネントはこんな感じで書くと割と便利

<template>
// 省略
</template>
<script lang="ts">
import { Vue, Prop } from 'nuxt-property-decorator';
// 省略
export default class Hoge extends Vue {
  @Prop(Number) readonly hogeNum!: number;
  @Prop(String) readonly hogeStr!: string;
  @Prop(Array) readonly hogeAry!: string[]; // 文字列が入る配列の型
  @Prop(Object) readonly hogeObj!: { [key: string]: number }; // 適当な文字列をkeyに数値が入る型
  @Prop({ type: Boolean, default: true }) readonly hogeBool!: boolean; // 何も親コンポーネントから渡されない場合はtrueが入る

  hogeFunc(): void {
    console.log(this.hogeNum); // thisで呼び出す
  }
}
</script>