vuex的一些核心属性使用

vuex有state、mutation、getters等核心属性，具体的用法如下：

state是用来用来保存需要多次使用的数据，mutation则是需要改变state属性里面的数据，改变state的值只能通过mutation来改变，而getters是相当于组件的计算属性，简化步骤，这些属性的具体使用语法如下： 

export default new Vuex.Store({
    state:{
        counter:0,
        stu:[
                {name:'kobi',age:15},
                {name:'James',age:18},
                {name:'curry',age:29},
        ]
    },
    mutations:{
        increment(){
                this.state.counter++
        },
        decrement(state){
            state.counter--
        },
        inaddfive(state,count){
            state.counter += count
        },
        inaddten(state,count){
            state.counter += count
        },
        inaddstu(state){
            const stu1 = {name:'less',age:35}
            this.state.stu.push(stu1)
        }
    },
    getters: {
        moreage(state){
            return function(age) {
                return state.stu.filter(stu=>stu.age>age)
            }
        }
    }
})

如果想要使用vuex，则还需要在main.js里面导入 import store from './store'，且在Vue实例中挂载store即可。