vuex五大核心属性

50 阅读1分钟

state

state是放置所有公共状态的属性,如果你有一个公共状态数据 , 你只需要定义在 state对象中。

mapState辅助函数:

mapState是辅助函数,帮助我们把store中的数据映射到组件的计算属性中, 它属于一种方便用法。

getters

除了state之外,有时我们还需要从state中派生出一些状态,这些状态是依赖state的,此时会用到getters。相当于store的计算属性

mutation

唯一可以修改状态的地方

更改 Vuex 的store中的状态的唯一方法是提交mutation。Vuex中的mutation非常类似于事件:每个mutation都有一个字符串的事件类型 (type)和一个回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state作为第一个参数。

在 Vuex 中,mutation 都是同步函数

Actions

相当于方法,可以异步

分发action:

store.dispatch('addCount')

Modules

Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割。