vuex 中的mapstate映射到组件中为什么不起作用

Question

vuex是模块化管理的，状态放在role.js中管理。

代码如下：

<div>{{ roleName }}</div>

import { mapState } from 'vuex';
  computed: {
    ...mapState([
      'roleName',
    ]),
  },
methods: {
   show() {
     console.log(this.roleName);
   }
}

用...mapstate([])将state映射到组件， 但是无论在methods中用this.roleName还是template中用{{ toleName }}都没有效果。除非用this.$store.state.role.roleName才可以，这样的话，用...mapstate([])还有什么意义呢？
那么关于...mapstate([]) 在模块的的store中到底如何使用？

Answer 1

你试试mapGetters吧。参考：http://vuex.vuejs.org/zh-cn/g...