关于 vuex 的用法

vuex 是vue中组件通信，管理数据的工具。通常中 vuex 有下面几个关键的方法。 state 是放数据的地方，类似于页面中的 data ， 其他页面1种方法可以通过 this.$store.state.xxx 可以获取 state 中定义的数据，第二种方法可以通过从 vuex 库中导入 mapState 方法，并在计算属性中通过 ...mapState(['xxxx']) 来获取 mutations 中定义修改 state 中的方法，切记，vuex中只能通过 mutations 中定义的方法来修改 state 中的数据。 类似：

mutations:{
    add(state){
        state.count ++
    }}

但是mutations中定义的方法只能写同步的代码，想要再方法中写异步的代码，必须在 actions 中定义异步的方法（比如调接口获取数据），所以我们可以在 actions 中调用 mutations 中的方法修改 state 中的数据。

getters 类似于vue组件中的计算属性，在 getters 中我们可以包装 state 中的数据并返回一个新的数据，但是 getters 中并不能修改 state 中的数据。