Vuex State访问状态对象

单一状态树

Vuex使用一个单一的状态树——也就是说，这个单一的对象包含您所有的应用程序级状态，并充当“唯一数据源 (SSOT)”。这也意味着通常每个应用程序只有一个存储。

mapState 辅助函数

当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性

引入 mapState

在模板中引入 mapState

然后在computed计算属性里赋值：

或者用mapState的数组赋值：

还可以通过computed的计算属性直接赋值：

computed属性可以在输出前，对data中的值进行改变，我们就利用这种特性把store.js中的state值赋值给我们模板中的data值。

在模板中直接输出 {{ count }}。