好在之前接触过 flux，对于理解 vuex&还是很有帮助的。react 学到一半，后来因为太忙，就放弃了，现在也差不多都忘记了。不过感觉 vuex 还是跟 flux 还是有点区别的。
对于很多新手来说，只是阅读文档是不好消化，我的建议是看看 vuex 的实例，通过研究实例来学习vuex。这样就会好理解多了。如果还是不能理解，最好办法就是先把store 的四个属性：state， getters, mutations, actions 记下来，然后再分析四个属性的特点，什么地方会用到，是怎样连接在一起的？通过这样问自己问题来进行学习。
简单来说，vuex 就是使用一个 store 对象来包含所有的应用层级状态，也就是数据的来源。当然如果应用比较庞大，我们可以将 store 模块化，也就是每个模块都有自己的 store。分割方式见如下的代码：
从上面的代码我们也可以看出，一个 store 有四个属性：state， getters, mutations, actions。下面我将从这四个属性开始讲。
先来讲state。state 上存放的，说的简单一些就是变量，也就是所谓的状态。没有使用 state 的时候，我们都是直接在 data 中进行初始化的，但是有了 state 之后，我们就把 data 上的数据转移到 state 上去了。当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用&mapState&辅助函数帮助我们生成计算属性，让你少按几次键：
其实就是把 state 上保存的变量转移到计算属性上。当映射的计算属性的名称与 state 的子节点名称相同时，我们也可以给&mapState&传一个字符串数组。
computed: mapState([
// 映射 this.count 为 store.state.count
&为了更好地理解这个函数的作用，我们可以看看它的源代码。
可以看到，mapstate 即可以接受对象，也可以接受数组。最终返回的是一个对象。并且 res[key] 的值都是来于 store 里的，红色那条代码就是。这样就把两个不相关的属性连接起来了,这也是映射。其他几个辅助函数也是类似的。
2、Getters
getters上简单来说就是存放一些公共函数供组件调用。getters 会暴露为&store.getters&对象，也就是说可以通过 store.getters[属性]来进行相应的调用。mapGetters 辅助函数仅仅是将 store 中的 getters 映射到局部计算属性，其实也就是从 getters 中获取对应的属性，跟解构类似。具体如下图&这样我们就可以将 getters 中的 evenOrOdd 属性值传给对应组件中的 evenOrOdd 上。Getters 接受 state 作为其第一个参数，Getters 也可以接受其他 getters 作为第二个参数。
3、Mutations
mutations 与事件类似，更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。所以&mutations 上存放的一般就是我们要改变 state 的一些方法。
const store = new Vuex.Store({
mutations: {
increment (state) {
// 变更状态
state.count++
我们不能直接调用一个 mutation handler。这个选项更像是事件注册：“当触发一个类型为&increment&的 mutation 时，调用此函数。”要唤醒一个 mutation handler，你需要以相应的 type 调用 mit 方法：
<mit('increment')
当 mutation 事件类型比较多的时候，我们可以使用常量替代 mutation 事件类型。同时把这些常量放在单独的文件中可以让我们的代码合作者对整个 app 包含的 mutation 一目了然：
一条重要的原则就是要记住&mutation 必须是同步函数。
4、Actions
前面说了，mutation 像事件注册，需要相应的触发条件。而 Action 就那个管理触发条件的。
Action 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。&
actions: {
increment (context) {
mit('increment')
Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用&mit&提交一个 mutation，或者通过&context.state&和&context.getters&来获取 state 和 getters。实践中，我们会经常会用到 ES2015 的 参数解构 来简化代码（特别是我们需要调用&commit&很多次的时候）：
actions: {
increment ({ commit }) {
commit('increment')
还记得我们前面说过 mutation 像事件类型吗？因此需要我们给定某个动作来进行触发。而这就是分发 action。Action 通过&store.dispatch&方法触发：
store.dispatch('increment')
此外，我们还可以在我们可以在 action 内部执行异步操作：
actions: {
incrementAsync ({ commit }) {
setTimeout(() =& {
commit('increment')
你在组件中使用&this.$store.dispatch('xxx')&分发 action，或者使用&mapActions&辅助函数将组件的 methods 映射为&store.dispatch&调用（需要先在根节点注入&store）：
import { mapActions } from 'vuex'
export default {
methods: {
...mapActions([
'increment' // 映射 this.increment() 为 this.$store.dispatch('increment')
...mapActions({
add: 'increment' // 映射 this.add() 为 this.$store.dispatch('increment')
这句话意思其实是，当你使用了&mapActions， 你就不需要再次使用&this.$store.dispatch('xxx')，当你没使用的话，你可以需要手动去分法。比如下面的代码：
什么时候用this.$store.dispatch('xxx')，什么时候用&mapActions 大家要根据情况而定的。
最后，问大家一个问题，你知道什么时候有扩展符 (...) 吗? 不知道你有没有注意，有些有扩展符，有些没有。
提示：有扩展符的，都是被包含在一个对象里了。
阅读(...) 评论()在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
function makeAction(type) {
return ({ dispatch }, ...args) =& dispatch(type, ...args);
这段代码是vuex中actions.js里的代码，通过babel转成es5后代码如下：
function makeAction(type) {
return function (_ref) {
for (var _len = arguments.length, args = Array(_len & 1 ? _len - 1 : 0), _key = 1; _key & _ _key++) {
args[_key - 1] = arguments[_key];
var dispatch = _ref.
return dispatch.apply(undefined, [type].concat(args));
疑问如下：
这里的dispatch从哪里定义的？
这段代码的作用？
感谢各位大神的悉心回答！！！！
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
这个是 es6 的语法，是“解构赋值使用”， 比如：
function foo({x, y = 5}) {
console.log(x, y);
foo({}) // undefined, 5
foo({x: 1}) // 1, 5
foo({x: 1, y: 2}) // 1, 2
foo() // TypeError: Cannot read property 'x' of undefined
对于 vuex 中的 action 来说，actions 调用的第一个参数是store的实例，有dispatch等方法属性，调用相当于：
function foo({dispatch}) {
dispatch();
foo({dispatch: function(){...}})
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
官方文档的说法是：触发 mutation handler 的方法是 dispatch 一个 mutation 的事件名。
function makeAction(type) {
return ({ dispatch }, ...args) =& dispatch(type, ...args);
我理解的是：这段代码的作用就是触发一个名为‘type‘的mutaition事件，...args是额外的参数。但是这里的{ dispatch }参数我不明白是什么，希望大神能帮忙补充一下。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
楼主你知道了吗，，我现在遇到 没看懂呢。。。。能解释下吗。。。
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
怎么描述这个问题呢。。。。我也知道vuex是干嘛用的，就是看文档有很多不明白的地方，总之能不能举个简单的栗子。。。
使用vuex的时候，我需要做哪些处理？vuex需要在组件内去引用？还是在main.js内引用？总之现在好乱啊。。。
跪求大神举个简单明了的代码例子
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
例子的话，vuex的github是有的。
文档的例子链接也是可以的
拿github的todomvc例子来说：你的vuex相关内容写在store里，那么把store作为根组件的一个配置参数传入
import Vue from 'vue'
import store from './store'
import App from './components/App.vue'
store, // inject store to all children
el: '#app',
render: h =& h(App)
vuex是插件，需要用到Vue.use(Vuex)可这里入口怎么没写呢？
在 store 那里写了。
import Vue from 'vue'
import Vuex from 'vuex'
import { state, mutations } from './mutations'
import plugins from './plugins'
Vue.use(Vuex)
export default new Vuex.Store({
mutations,
至于state、mutations、actions、getters那些，照着文档看看和例子看看差不多就懂了，没有什么是看一遍文档不懂的，如果有，那就看两遍~
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
vuex提供了修改函数
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
this.$store.state.xxxthis.$store.dispatchthis.$mit
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：}