VUE之状态管理（VUEX）

vuex包含有五个基本的对象

        1、state:存储状态。也就是变量。

        2、getters:派生状态。也就是set、get中的get，有两个参数：state、getter分别可以获取state中的变量和其他的getters，外部调用方式为store.getters.personinfo().就和vue的computed(计算属性)差不多。
        3、mutations:提交状态修改。也就是set、get中的set，这是vuex中唯一修改state的方式，但不支持异步操作，第一个参数是state，第二个参数是要修改的值，外部调用方式为store.commit('SETAGE',18),和vue中的methods类似。
        4、actions:和mutations类似。不过actions支持异步操作。第一个参数默认是和state具有相同参数属性的对象。外部调用方式为store.dispatch('nameAsyn').
        5、modules:store的子模块，内容也就相当于是store的一个实例。调用方式和前面介绍的相似，只是要加上当前子模块名，如：store.a.getters.xxx().

vuex定义

       

 vuex使用

        1、在main.js中引入并挂载store.js: