vuex状态管理模式学习

Vuex： 一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，就是 data 里的属性，如果有多个组件 需要使用同一个数据，使用 props 会显得很复杂，尤其是非父子组件 和 父组件和后代组件 之间的数据传输问题，这时候就可以用到 VueX。
项目中使用场景：前后台分离时候，后台给前台传送得数据，前台统一管理在vuex的store中，优点：避免多数据不一致性
它具有实时数据响应机制，意思是只要store里面的值发生了变化，任何使用到store中数据的组件会时时相应数据的变化。
属性：
getter
state
Mutation
Action
Module

image.png

项目遇到的注意点
1.不能直接修改state的值，只能通过Mutation 的commit提交
2.另外，state里面若存得是数组，不能修改数组得值呦，因为数组得改变是直接改变存储地址，相当于间接修改了state
解决办法：1.通过commit改变

2. image.png

3.Mutation 方法里面不能写异步操作，比如说settimout，可以通过action形式提交

image.png