Vue+VuexのデータフローをCQSライクに設計する方法
Vue + Vuexを使ったWebアプリケーションを開発していて、以下のような悩みにぶち当たったことありませんか？ 悩み1. VuexのmapHelperを使うとコードが読みにくくなる 「created内で呼ばれているこの関数はどこに定義されているんだ…？ methods？ それともStoreのアクション…？」 「import部分を見るにこのComponentはどのStoreにも依存してなさそうだ…。と思いきや、mapStateでいろんなStoreの値を読み込んでいるぞ…」 悩み2. ビジネスロジック層がない 「ページ読み込み時に走るAPIアクセスはどこに実装されている？ Componentのcreated？ Storeのアクション？ ロジックがまとまっている層がなくて処理の入り口を見つけにくい…」 「クリックされたら見た目を変えてAPIアクセスしてStoreを更新する実装をしたいけど、ど
なんで Vuex はなるべく避けるの？ | 民主主義に乾杯
# Vuex はなるべく避ける Vuex は、グローバル変数 state を使うために使います。 actions, mutations でグローバル変数 state を変更し、getters でグローバル変数 state を参照します。 たかだかグローバル変数 state を変更するだけで、こんなに大きな Vuex というライブラリがあるのか、疑問でした。 Vuex は、「いつ」、「どこで」、「だれが」、変更したのかを監視するためのライブラリです。 また Vue.js devtools を使えば、「いつ」、「どこで」、「だれが」 グローバル変数 state を変更 mutation したかを確認することができます。 Vue.js devtools - Chrome ウェブストア (opens new window) これら、いつ、どこで、だれが、変更したのかを監視したいという「気持ち」と、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
