vue各文件详解——store.js

1.为什么需要vuex进行状态管理？

图片.png

2.状态管理核心

状态管理有5个核心，分别是state、mutation、getter、action、module
（1）state
简单的理解，可以把state想象成组件中的data，专门用来存储数据的。
如果在组件中，想要访问store中的数据，只能通过```this.$store.state.xxx来访问
（2）mutation
负责修改state中的数据
如果要操作store中的state值，不推荐直接操作state中的数据，推荐通过调用mutations提供的方法来操作对应的数据。mutation的作用如下图：

图片.png

（3）getter
只负责对外提供数据，不负责修改数据

（4）action
action和mutation有些类似，不同在于

• action提交是不能直接修改state中的状态，而mutation是可以直接修改state中的状态。
• action是支持异步操作的，而mutation只能是同步操作。

（5）mudule
module解决了当state复杂臃肿的时候，module可以将store分割成模块，每个模块拥有直接的state、mutation、action和getter。