Vuex で Flux pattern を勉強する

flux pattern とは？

ただの observer パターン。このスライドを読めばわかる

ReactとFluxのこと // Speaker Deck

Flux が解決してくれること

  • 遠く離れたコンポーネントへの情報伝播が楽になる
    • 「苦しいバケツリレーをしなくてすむ」

これの一番下にある「統一的なevent dispatcher に投げる」というやり方とだいたい同じ

階層的UIのイベント伝播設計（ゲームのUIを例に） – p-hone – Medium

vuex

Vue.js に flux pattern を入れることができるやつ

https://vuex.vuejs.org/ja/images/vuex.png

すべての状態は Store にあり、それを変更できるのは mutations のみ

store.commit('setMessage', 'hello, vuex');

実際に何か作ってみたいけど、あとでやる…