vue.js - 非命名空间模块上的 mapState

Question

我有一个模块

export default {
  namespaced: false,
  state,
  actions,
  mutations,
  getters
};

在我的组件中我尝试了这些:

 ...mapState(["user"]),
 ...mapState('auth',["user"]),

但它们都不起作用，相反我必须将其用作计算属性:

user() { return this.$store.state.auth.user; },

是否可以使用...mapState？

Answer 1

  computed: {
   ...Vuex.mapState({
     user: ({ auth: { user } }) => user,
   }),
  },

这是一个 fiddle

https://jsfiddle.net/caseyjoneal/7x4p3crm/20/