Vuex Store における派生状態の計算:Getter 設計パターン
状態の派生が必要となるケース
アプリケーション開発において、ステートストアに保存されたデータの一部を加工して利用したい状況は頻繁に発生します。例えば、完了したアイテムのリストをフィルタリングし、その総数を取得するような処理です。
これを単一コンポーネント内の計算プロパティで実現する場合、以下のような記述になります:
computed: {
completedTaskCoun ...
5月21日 02:51 投稿
Vuexを使用した状態管理の実装
1. Vuexとは
Vuexは、Vue.jsアプリケーションでグローバルな状態(データ)を管理するための仕組みです。これにより、複数のコンポーネント間でのデータ共有が容易になります。
2. プロジェクトにVuexを導入する手順
Vuexパッケージのインストール
npm install vuex --save
main.jsでVuexを読み込む
import Vuex from 'vuex';
Vue.use(Vuex);
storeオブジェクトの作 ...
5月20日 13:12 投稿