Vuexを使って絞り込み機能を実装してみた

BRANK

こちらはVue.js #4 Advent Calendar 2017 - Qiita 12日目の記事です。 株式会社SCOUTERの小平(id:ryotakodaira) です。 今回はVue.js用の状態管理パターン＋ライブラリの「Vuex」を使って、一般的なサービスでよく見かける絞り込み機能を例に実際の実装方法を紹介していきます。 Vuexを導入することでアプリケーションの状態を集中的に管理でき、状態の変更を特定の場所からのみ許可することで予期しない状態変更が起きにくいなどのメリットがあると思います。 また、Vueコンポーネントを細分化していくとコンポーネント間の状態のやり取りにsync修…