vuex中的getters
<h2>{{$store.getters.mul}}</h2>
<h2>{{$store.getters.getInfo}}</h2>
<h2>{{$store.getters.getInfoLength}}</h2>
<h2>{{$store.getters.moreAge(20)}}</h2>
const store = new Vuex.Store({
state: {
counter: 1000,
info: [
{name: '刘德华', age: 10},
{name: '张学友', age: 11},
{name: '黎明', age: 22},
{name: '郭富城', age: 23}
]
},
mutations: {
icr(state) {
state.counter++;
},
dcr(state) {
state.counter--;
},
},
actions: {
},
getters: {
mul(state) {
return state.counter * state.counter
},
getInfo(state) {
return state.info.filter((value) => value.age < 20)
},
getInfoLength(state, getters) {
return getters.getInfo.length
},
moreAge(state) {
return function(age) {
return state.info.filter((s) => {
return s.age > age
})
}
}
},
modules: {
}
})