Vuex如何使用mapState引入状态对象中的单个嵌套属性

mapState 不支持直接传入点分隔的字符串路径读取 state 下的嵌套属性，仅支持匹配 state 第一级的属性名，因此你之前的写法无法生效。

正确实现方式 #

使用函数形式定义映射规则，函数会自动接收对应命名空间模块的 state 作为入参，直接返回需要的嵌套属性即可：

computed: {
  ...mapState('users', {
    // 若你之前映射整个user对象可正常工作，使用该写法
    hasPerms: state => state.user.userHasPermissions
    // 若你store中state的第一级属性名和贴出的代码一致为users，改为 state => state.users.userHasPermissions
  })
}

拓展说明 #

如果需要同时映射同一个根对象下的多个嵌套属性，也可以先映射整个根对象，再单独定义computed取值，不过单属性场景下上述写法更简洁。

内容的提问来源于stack exchange，提问作者marisLincoln