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即可。