在 Vuex 应用程序中，每当我们想要访问 store 的 state 属性或 getter 时创建一个计算属性将是重复和冗长的，尤其是当一个组件需要多个 state 属性时。在这种情况下，我们可以使用 vuex 的 mapState 助手，它为我们生成计算的 getter 函数。
让我们以一个增量示例来演示 mapState 助手，
// in full builds helpers are exposed as Vuex.mapState
import { mapState } from 'vuex'
export default {
// ...
computed: mapState({
// arrow functions can make the code very succinct!
username: state => state.username,
// passing the string value 'username' is same as `state => state.username`
usernameAlias: 'username',
// to access local state with `this`, a normal functio