vuex - Vuex中的三个句点语法？

Question

我不确定mapstate的作用，除此之外，它前面的意思是什么。我在指南中没有像示例 repo 中看到的那样多。

computed: {
  ...mapState({
    messages: state => state.messages
  })
}

Answer 1

使用Vuex构建大型应用程序时，

您将不得不在一个地方管理您的商店，而不是将它们分开，

例如，您有一家大型商店，并且商店中有许多州:

const store =
{
    states: 
    {
        todo:
        {
             notes   : { ... },
             username: { ... },
             nickname: { ... }
        },
        checklist:
        {
             list: { ... }
        }
    } 
}

如果您想使用它们，可以 来做到这一点

computed:
{
    ...mapState(['todo', 'checklist'])
}

所以 您不必

computed:
{
    todo()
    {
        return this.$store.state.todo
    },
    checklist()
    {
        return this.$store.state.checklist
    }
}

然后像这样使用它们:

todo.notes
todo.usernames
checklist.list