单一状态树

Vuex 使用单一状态树，它作为一个“唯一数据源 (SSOT (opens new window))”而存在。这也意味着，每个应用将仅仅包含一个store实例。

在 Vue 组件中获得 Vuex 状态

从store实例中读取状态最简单的方法就是在计算属性中返回某个状态：

computed: {
  count() {
    return this.$store.state.count;
  }
},

每当store.state.count变化的时候，都会重新求取计算属性，并且触发更新相关联的 DOM。

mapState辅助函数

当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些繁琐。更简便的方式，是使用mapState辅助函数帮助我们生成计算属性：

import { mapState } from 'vuex';

export default {
  computed: mapState([
    // 映射 th...