2023-01-24から1日間の記事一覧
provide,injectを使用する際の型の渡し方。 InjectionKey不使用 //親コンポーネント provide<型>(キー, 渡すデータ) ex) provide<string>("hoge", foo) //子コンポーネント const a = inject<型>(キー) ex) const a = inject<string>("hoge") InjectionKey使用 //親コンポー</string></string>…
型定義をする場合に引数を渡せる。 抽象度の高いコードを書くことができる。 type Car<T> = { color: string; option: T; } const car: Car<number> = { color: "red", option: 30 }</number></t>
typeof 変数がもつ型を取得する const foo: number = 1 //変数fooの型を取得してTに代入 type T = typeof foo //barはnumber型になる const bar: T = 2 型推論から型を取得して使いまわすことができる const obj = { color: "red", price: 200 } type S = ty…
型の定義は型を使用するコードの後に書いても問題ない。 コンパイルされて動作する為。 const car: Toyota = { price: 300, color: "red" } type Toyota = { price: number; color: string; }
型を上書きができる。型エラーが起こらないから使わない方が良い。 interface Test { foo: number } const test = {} as Test test.foo = 123 // OK!! 以下のようにいミューダブルなオブジェクトを作成する場合には使っても良い。 // resultの型が{}になって…