vuex

Posted 2020-09-28 半夏微澜ぺ

使用场景：

1 多个视图依赖同一个状态

2 来自不同的视图的行为需要变更同一状态

每一个Vuex应用的核心就是store（仓库），“store”基本上就是一个容器，它包含着你的应用中的大部分的状态；vuex和单纯的全局对象有以下两点不同：

1 Vuex的状态存储是响应式的，当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。

2 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交(commit) mutations。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。

Vuex 使用 单一状态树 —— 是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个『唯一数据源(SSOT)』而存在

 

 

mapState 辅助函数

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