es6 curry function
// vuex getters
export const getAdsFilterConfig = (state) => (spreader) => {
console.log('state =', state)
console.log('spreader =', spreader)
return state[spreader];
};
// this.getAdsFilterConfig(this.spreaderAlias);
// export const stateActivity = state => state.stateActivity;
equal to
// getter 自动执行，getter func === func()
export const getAdsFilterConfig = (state) => {
// state 来自 store 上下文
return (spreader) => {
return state[spreader];
};
}
https://codesandbox.io/s/vuex-store-getter-es6-curry-function-n7prr?file=/src/main.js
bug
state = {k: 1};
// {k: 1}
getAdsFilterConfig = (state) => (spreader) => {
return state[spreader];
};
/*
(state) => (spreader) => {
return state[spreader];
}
*/
getAdsFilterConfig(`k`);
/*
(spreader) => {
return state[spreader];
}
*/
getAdsFilterConfig()(`k`);
// Uncaught TypeError: Cannot read property 'k' of undefined
vuex
const store = new Vuex.Store({
state: {
todos: [
{ id: 1, text: '...', done: true },
{ id: 2, text: '...', done: false }
]
},
getters: {
doneTodos: state => {
return state.todos.filter(todo => todo.done)
}
}
})
https://vuex.vuejs.org/guide/getters.html#method-style-access
refs
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！