vuex

Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。实现不同组件之间的状态共享

每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。

https://vuex.vuejs.org/zh-cn/intro.html

 

每个应用将仅仅包含一个 store 实例

 

mapState

当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键：

 

Mutation

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数：

 

你不能直接调用一个 mutation handler。这个选项更像是事件注册：“当触发一个类型为 increment 的 mutation 时，调用此函数。”要唤醒一个 mutation handler，你需要以相应的 type 调用 store.commit 方法：

store.commit('increment')

 

 

Action

Action 类似于 mutation，不同在于：

• Action 提交的是 mutation，而不是直接变更状态。
• Action 可以包含任意异步操作。

分发 Action

Action 通过 store.dispatch 方法触发：

store.dispatch('increment')

 

vuex 基本用法、兄弟组件通信，参数传递

 

使用 $store.commit('switch_dialog') 来触发 mutations 中的 switch_dialog 方法。

使用 $store.dispatch('switch_dialog') 来触发 action 中的 switch_dialog 方法。

参考：https://blog.youkuaiyun.com/h5_queenstyle12/article/details/75386359

https://segmentfault.com/a/1190000009404727

转载于:https://www.cnblogs.com/YangBinChina/p/8971384.html