使用 vuex 的 mapState

在 vue 中：

<template>
  <div>
    {{user.name}}
  </div>
</template>

<script>
import {mapState} from 'vuex';

export default {
  computed: {
    ...mapState({
      user: state => state.user
    })
  }
}
</script>

在 store 中：

export default {
    state: {
        user: {}
    },
}

可能需要安装 npm 包：

npm i -S babel-plugin-transform-object-rest-spread

然后在项目根目录添加文件 .babelrc ，内容如下：

{
    "plugins": ["transform-object-rest-spread"]
}