Vuex的使用

vuex主要用于vue组件之间的通信

在vue身上插入vuex.Store，就可以通过vue实例访问到vuex

    import vuex from 'vuex'
    必须在引入后直接Vue.use(vuex)不然会报错
    Vue.use(vuex)
    export default new Vuex.Store({
        actions:{
            //actions，该对象主要用于传值前的一些操作，发送请求,业务逻辑处理，
            text(miniStore,value){
                //处理函数  miniStore一个迷你store，主要用中的commit方法，调用mutation中的方法
            }
        },
        mutation:{
            //该对象主要用于，对数据的增删改查
            TEXT(state,value){
                //state形参中有state里面的数据，可以在这直接修改state中的数据
            }
        },
        state:{
            //存储数据
        }
    })

想要传值，在组建中直接调用

//根据是否需要判断业务逻辑，选择使用dispatch或者mutation
this.$store.dispatch  //因为前面已经ues这个插件了，所以this可以直接访问到这个插件

this.$store.commit

主要流程

dispatch=>actions=>commit=>mutation=>state 如果不需要判断业务逻辑，可以省略dispatch=>actions