Извлечение одного элемента из массива в магазине VUEX

Question

Я впервые погружаюсь в vuex, и пока все идет хорошо! Мне удалось сохранить список «проектов» и отобразить их на моей домашней странице.

Однако я немного застрял в том, как взаимодействовать с сохраненным массивом на другой странице.

В настоящее время у меня есть 3 проекта "проект 1, проект 2 и проект 3". Я отображаю все из них на моей домашней странице в списке, и, щелкнув по одному, я отправляюсь на «www.mywebsite.com/project-1».

Мой вопрос заключается в том, как мне go войти в мое состояние и просто взять «проект» 1 с объекта? Или, я думаю, лучше спросить, как мне ссылаться на сохраненное состояние, чтобы что-то делать / использовать?

Answer 1

Используйте геттер

Например,

state: {
  projects: [{id: 'project 1', ... }, {id: 'project 2', ...} , {id: 'project 3', '''}],
};
getters: {
  getbyId(state) {
    return (id) => state.projects.find(project => project.id === id);
  },
};

Тогда в вашей реализации

const project = this.$store.getters.getById('project 1');