vuex是 vue的一个状态管理插件,采用集中式管理方式,来管理项目中多个组件的公共状态。
vuex有一个仓库概念,将组件公共的state存储在仓库的state属性中,state是只读的,组件只能使用,不能直接修改,修改需要通过 仓库中的mutations模块来修改,这样的好处是 当数据修改便于溯源,且不会因为 多个组件 直接修改数据,导致 组件间数据的互相影响, 同时 当我们仓库中有一个state 数据需要请求 数据接口才能获取时,vuex 设计了一个action模块,在action模块中发送异步请求,得到数据后,提交mutation来修改state。当state发生改变后组件自动刷新,在组件中可以commit mutation或者dispatch action来修改state。
具体工作流程如下图
说说vuex的管理操作或理解
最新推荐文章于 2024-01-22 19:54:21 发布
Vuex是一个用于管理Vue应用中多个组件共享状态的库。它采用集中式存储,state是只读的,修改需通过mutations。当需要异步操作,如API调用,可使用actions。当state变化时,组件会自动更新。组件通过commit或dispatch进行交互。
摘要由CSDN通过智能技术生成