Nuxt.js と Typescript で Store の変更と読み出し - shogonir blog

目次 概要 準備 Storeの変更 Storeの読み出し まとめ 1. 概要 最近Web開発はNuxt.js + Typescriptの組み合わせが気に入っています。 せっかく気に入っているので、この組み合わせでの開発ノウハウを記載しておきます。 今回は基礎の基礎、Storeの変更と読み出しです。 この記事では nuxt-community/typescript-template リポジトリから不要な記述を削ったものから始めます。 スタートとなるリポジトリは次のURLを参照してください。 github.com 2. 準備 Storeを変更するために、準備を進めていきます。 まずはStoreの構造を定義します。 mode というプロパティを文字列で定義し、これを使います。 編集するファイルは types/state.ts です。 export interface RootState { mo