1、Vuex 是什么?
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2、Vuex 是干什么的?
试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX
3、Vuex包含的内容:
state
: Vuex 使⽤单⼀状态树,即每个应⽤将仅仅包含⼀个 store 实例,state至此它便作为一个“唯一数据源”而存在.
mutations
: mutations 定义的⽅法动态修改 Vuex 的 store 中的状态或数据.
getters
: 类似 vue 的计算属性,主要⽤来过滤⼀些数据.
action
: actions 可以理解为通过将 mutations ⾥⾯处⾥数据的⽅法变成可异步的处理数据的⽅法,简单的说就是异步操作数据。 view 层通过 store.dispath 来分发 action.
modules
: 项⽬特别复杂的时候,可以让每⼀个模块拥有⾃⼰的 state 、mutation 、 action 、 getters ,使得结构⾮常清晰,⽅便管理
4、Vuex的应用场景:
单⻚应⽤中,组件之间的状态、⾳乐播放、登录状态、加⼊购物⻋....