Vue.jsでObject型のPropsにTypeScriptの型を割り当てる - count0.org

この記事は古いしVue 2の解説である。賢明なる読者諸君はオフィシャルドキュメントを参照しよう。コードレビューで怒られても知らんぞ！！ Vue.jsのPropsはObjectを渡せるので、コンポーネントに情報の塊を渡すことができて便利。型指定すると以下のようになる。 const person = { first_name: 'Masami', last_name: 'Asai' }; Vue.extend({ name: 'personal-info', props: { person: { type: Object }, }, }); <personal-info v-bind:person="person" /> 👆のコードはTypeScriptでもObject型として通用する。しかし、Objectではanyすぎる。別途定義した型を使いたい。それでどう書くか。 interface P