[B! vuex] nagolingのブックマーク

nagoling id:nagoling

vuexに関するnagolingのブックマーク (4)

http://chibinowa.net/note/vuejs/vue-11.html
nagoling 2018/05/23
vuex

vue
リンク
構造の複雑さとVuex書き分け - Qiita
Vue.js Advent Calendar 2016 14日目です。 Vue2 + Vuex2の組み合わせはVueを正しくfluxに導き、より巨大なアーキテクチャを管理できるようになった。逆に言うとVueの気軽さが失われてしまったのでは、という印象を持つ方もいらっしゃるのでは。しばらく使ってみたら肩の力の抜き方が分かってきたので、構造の複雑さ別に書き方をまとめてみる。このポストは
nagoling 2017/11/06
vue.js

vuex
リンク
ステート | Vuex
Vuex は単一ステートツリー (single state tree) を使います。つまり、この単一なオブジェクトはアプリケーションレベルの状態が全て含まれており、"信頼できる唯一の情報源 (single source of truth)" として機能します。これは、通常、アプリケーションごとに1つしかストアは持たないことを意味します。単一ステートツリーは状態の特定の部分を見つけること、デバッグのために現在のアプリケーションの状態のスナップショットを撮ることを容易にします。単一ステートツリーはモジュール性と競合しません。以降の章で、アプリケーションの状態とミューテーション(変更)をサブモジュールに分割する方法について説明します。 Vuexに保存するデータは、Vueインスタンスの data と同じルールに従います。つまり、ステートオブジェクトはプレーンでなければなりません。Vue#dat
nagoling 2017/10/01
vuex

vue.js
リンク
Vue.js + vuexによるToDoアプリケーションの実装
<?php public function index() { return response(It em::query()->where('checked', false)->get()); } これで、未完了(checkd=false)のアイテムだけを取得できるようになりました。tests/Feature/It emTest.php にも機能テストを追加しておきましょう。 <?php public function testIndexReturnsOnlyUncheckedIt ems() { $it em = It em::query()->find(1); $it em->checked = 1; $it em->save(); $response = $this->get('/api/it ems'); $response->assertStatus(200); $this->assertCou
nagoling 2017/10/01
vue.js

vuex

javascript
リンク
1