vuex使用

 1.getters相当于是一个计算属性，可以直接使用里面的方法来处理数据在页面上使用。

2.mutations是这个Store里操做state的唯一入口，

3.actions是处理一些异步事件，调用mutations里面的方法简介修改state

4.注意，如果在页面上使用到Store，可以将getters和state释放到当前页面的computed下面。mutations和actions释放到methods下面。

import Vuex from 'Vuex'

export default new Vuex.Store({
        state: {
            count: 0
        },
        getters: {
            synchro(state) {
                return state.count
            }
        },
        mutations: {   
            increment(state) {
                state.count++
            },
            inreduce(state) {
                state.count--
            },
            inchange(state, num) {
                state.count = num
            }
        },
        actions: {
            change(context, num) {
                context.commit('inchange', num)
            }
        }
    })