学んだこと③

今日も仕事で学んだことをつらつら書いていきます。

現在、Nuxt3, Vue3, TypeScriptsで開発をしております。

ちょっと短めです。

・そもそもなぜstateするのか。

：DBのデータ入出力は、APIを叩く。画面のデータについては、state（リアクティブに動く）で管理していると理解した。

・$toastはプラグインで設定している、vue-toastificationライブラリ。

useNuxtApp()で呼び出せる。

使用法は後日、別記事で書きます！

・同じ処理をするものはどんどん汎用化していく。

例)APIを叩く処理、レスポンスの形、リクエストの形。

・型定義のページをtsディレクトリで管理。

・何度も使うアイコンもコンポーネントにしておくと良い。

大きさや背景色をpropsにすれば、使い分けもできる。

・piniaとは

：状態管理ができるアプリ。

アプリにstoreを作り、コンポーネント間で共有するデータを保存することができる。

データを更新することもできる。

使い方は後日まとめたい。

・export type　と明示すれば、importして他のページでもその型が使えるようになる。

・（当たり前だが）関数の引数にも型定義を。

・border-boxにすると、padding, marginを含める。

プロになるためのWeb技術入門を読了したので、近々上げていきたい📝📗

VueUseのonClickOutsideについてまとめてみました。

ぜひよかったら、ご覧ください。

qiita.com