首页 > 代码库 > vuex

vuex

使用场景:

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

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

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

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

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

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

 

 

mapState 辅助函数

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

vuex