{
posts: [
{id: 1, catId: 1, title: 'Foo'},
//...
],
categories: [
{id: 1, title: 'CatFoo'}
]
}getters: {
getPostsByCategory(state) {
const map = new Map();
state.posts; // Необходимо чтобы геттер пересчитывался при изменении state.posts
return (catId) => {
if (map.has(catId)) {
return map.get(catId);
}
let posts = state.posts.filter(p => p.catId === catId);
map.set(catId, posts);
return posts;
};
}
}
getters: {
postsByCatId: ({ posts }) =>
posts.reduce((acc, n) => (
(acc[n.catId] = acc[n.catId] || []).push(n),
acc
), {}),
},const postsMixin = {
data: () => ({
catId: null,
}),
computed: {
posts() {
return this.$store.getters.postsByCatId[this.catId] || [];
},
},
};
Средний
Простой
Средний
Средний