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改变
3.Mutation 方法里面不能写异步操作,比如说settimout,可以通过action形式提交
image.png
网友评论