Vue Basic Props

by Anthony Fu @antfu

**この問題は [6 - Simple Vue](//tsch.js.org/6) の続きです。先にその問題を解いた上で、そこで得られるコードを基盤にしてこの問題に取り組んでください。** Simple Vue に加え、我々は新しく `props` フィールドをオプションとして利用できます。これは Vue の `props` オプションを更に簡潔にしたものです。利用するにはいくつかのルールがあります。 `props` は、 `this` に挿入された各々のフィールドをキーをとして保持するオブジェクトです。挿入された props は `data`,`computed`, `methods` などを始めとした全ての環境からアクセス可能になります。 prop はコンストラクタ、またはコンストラクタを含んだ `type` フィールドを持つオブジェクトで定義されます。例) ```js props: { foo: Boolean } // or props: { foo: { type: Boolean } } ``` これらは `type Props = { foo: boolean }` であると推測されます。複数の型を渡した場合、Props の型はユニオン型として推測されます。 ```ts props: { foo: { type: [Boolean, Number, String] } } // --> type Props = { foo: boolean | number | string } ``` 空のオブジェクトが渡された場合、対象のkeyは `any` 型として推測されます。より具体的なケースについては, Test Cases セクションを参照してください。 >Vue の `required`, `default`, そして配列の props はこの問題において考慮されておりません.

関連する課題

Vue Basic Props

Vue Basic Props

Related Challenges