export const PLUS = 'PLUS'

export const MINS = 'MINS'

//本例就是两个事件，

import {PLUS} from '../mutation-type'
export const plus = ({dispatch}, num) => {

    dispatch(PLUS, num)

}

意思就是我这里是处理plus的，所以我先把我事件类型里的那个plus导入过来，对组件提供一个plus函数作为接口，这个函数是进行一个plus事件的dispatch操作，所以肯定第一个参数是
dispatch，这里函数名可以任何名字，
只要与你对应组件里名字对应即可，如果组件里面传的是this，则参数可以直接进行dom操作，用法，num.$el直接获取该组件的dom节点

import {del} from './actions/mins'

import {plus} from './actions/plus'

export {del,plus}

<template>

    <div>

        <button @click='add(2)'>Increment +1</button>//为了注明这里的add对应是actions键key而不是value，（）里面可以传参数

    </div>

</template>

<script>

    import * as actions from '../../vuex/demo3/actions'

    export default {

        vuex: {

            actions: {

                add: actions.add

            }

        }

    }

</script>

注意:写了actions之后，如果同时具备methods，则method无效，此外，actions里面如果传this的话，则在对应js里面接受可以通过参数的$el,进行dom操作

<template>

    <div>

        <h3>plus is {{num }}</h3>

        <h3>mins is  {{mynum}}</h3>

    </div>

</template>

<script>

    export default {

        vuex: {

            getters: {

                 num:({plus})=>plus.num,//这里getter的第一参数永远默认为是state，很容易理解，因为我获取的是状态，
也就是如果你直接写（plus）的话，就必须写成（plus）=》plus.plus.num

                 mynum:({mins})=>mins.num

            }

        }

    }

</script>

注意，如果写了getter继续写data的话，则getter无效，官网上也专门写过getter函数，就是封装相应值得处理

<template>

    <div>

        <Display></Display>

        <Increment></Increment>

        <mins></mins>

    </div>

</template>

<script>

    import store from '../../vuex/demo2/store'

    import Display from './display.vue'

    import Increment from './increse.vue'

    import mins from './mins.vue'

    export default {

        el:"#app",

        components: {

            Display, Increment,mins

        },

        store:store//这里如果键值一样的话，可以直接简写store

    }

</script>
我要随时要监听状态吧，那得在对应模块的根目录上有个状态位吧，所以这里写store，这里有了之后，子组件会自动接收，相当于完成一个类似向下广播和监听的作用

import {PLUS} from '../mutation-type'

const state = {

    num: 0

}

const mutations={

    PLUS(state,num){//注意这官网是[PLUS],但是把中括号去掉也是可以，效过没区别，这是因为你mutations-type里面const A =‘A’,变量常量是一样的，如果这里const A= bb这时候这里的
[]就有作用了，类似变量匹配的意思；

        state.num=state.num+num

    }

}

export default {

    state,

    mutations

}

这段意思大概是现在actions已经触发了，dispatch了plus事件，我得有个监听处理吧，这的

mutation就是监听对应的时间相当于之前的event选项；你要处理所以第一个参数肯定是state状态啊，第二个就是对应事件传的参数，对外传一个状态和处理函数

import Vue from 'vue'

import Vuex from 'vuex'

import plus from './mutations/plus'

import mins from './mutations/mins'

Vue.use(Vuex)

export default new Vuex.Store({

   modules:{

       plus,mins

   }

})

这里把这两个事件，看成各自模块，于是module选项里写入各自模块名字，对外提供一个大的vuex实例，注意这里中文文档可能不是这样写的，以英文文档为有效答案