3からVue.jsを手軽にTypeScriptで書くことができるようになりました。vuexに関してはそのままではTypeScriptで書くのは難しいように思います。いうサードパーティ製のパッケージを使って、より安全でスマートにvuexを扱う方法を紹介します。以下のコマンドでパッケージをインストールします。記述を見てみましょう。一般的には以下のような記述になると思います。使って記述すると以下のようになります。標準の記述と比べて見やすくなったのではないでしょうか。それでは個別に見てみましょう。クラスのプロパティとして定義します。importする必要があります。importする必要があります。アクセサーとして定義します。JSON形式で指定します。importする必要があります。Module動的にモジュールを登録するには以下のようにします。使ったサンプルコードを紹介します。スマートに扱う方法を紹介しました。GitHubにも様々なサンプルが用意されているので、一度見てみると理解が深まると思います。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。記事下部にて、filterメソッドを使用している箇所がありましたが、forEachの方が適しているとご指摘がありましたので、修正しました。私たちは無料アプリもリリースしています、ぜひご覧ください。下記のアイコンから無料でダウンロードできます。