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

nagoling id:nagoling

vuexとvue.jsに関するnagolingのブックマーク (3)

構造の複雑さと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アプリケーションの実装
前々回の記事でLaravel 5.4 + Vue.jsの開発環境を構築し、前回の記事でLaravel 5.4によるWeb APIを作成しました。今回は、作成したWeb APIを使用したToDoリストアプリケーションを、Vue.jsを使って作成します。 PHP側の積み残しはじめに、昨日のコントローラーを修正します。もともと、It emControllerのindex()メソッドは「It em::all()」メソッドで全てのアイテムを返していました。しかし、画面上に表示するのは未完了のアイテムだけです。そこで、index()メソッドを以下のように変更します。 <?php public function index() { return response(It em::query()->where('checked', false)->get()); } <?php public functio
nagoling 2017/10/01
vue.js

vuex

javascript
リンク
1