タグ

ブックマーク / vuex.vuejs.org (2)

  • Modules | Vuex

    Due to using a single state tree, all states of our application are contained inside one big object. However, as our application grows in scale, the store can get really bloated. To help with that, Vuex allows us to divide our store into modules. Each module can contain its own state, mutations, actions, getters, and even nested modules - it's fractal all the way down: const moduleA = { state: ()

    tttttahiti
    tttttahiti 2018/11/27
    module 間を跨ぐ例
  • Vuex 入門 · Vuex

    Vuex 入門 Vuex アプリケーションの中心にあるものはストアです。"ストア" は、基的にアプリケーションの状態(state)を保持するコンテナです。単純なグローバルオブジェクトとの違いが 2つあります。 Vuex ストアはリアクティブです。Vue コンポーネントがストアから状態を取り出すとき、もしストアの状態が変化したら、ストアはリアクティブかつ効率的に更新を行います。 ストアの状態を直接変更することはできません。明示的にミューテーションをコミットすることによってのみ、ストアの状態を変更します。これによって、全ての状態の変更について追跡可能な記録を残すことが保証され、ツールでのアプリケーションの動作の理解を助けます。 シンプルなストア 注意: 私たちは、このドキュメントのコード例に ES2015 のシンタックスを利用しています。 もし触れたことがなければ、ぜひ触れてください! Vu

  • 1