Vue.js 从VUEX商店中的阵列中获取一项

这是我第一次潜入vuex，到目前为止进展顺利！我已经能够存储“项目”列表，并将它们显示在我的主页上

但是，对于如何与另一个页面上存储的数组交互，我有点困惑

目前，我有3个项目“项目1、项目2和项目3”。我在我的主页上以一个列表的形式显示它们，然后单击其中一个将我发送到“www.mywebsite.com/project-1”

我的问题是，如何进入我的状态并从对象中获取“项目1”？或者，我想，一个更好的问题是，我如何引用存储状态来做事情/使用它？

使用getter

e、 g

状态：{
项目：[{id:'project 1'，…}，{id:'project 2'，…}，{id:'project 3'，…}]，
};
吸气剂：{
getbyId（状态）{
return（id）=>state.projects.find（project=>project.id==id）；
},
};

然后在您的实现中

constproject=this.$store.getters.getById（'project 1'）；