vue插件之vuex

xiaoxiao2021-02-28  84

1、vuex流程图

当有组件更新时,会触发vuex数据中心,数据中心再将更新的反馈到其他关联的组件,模块间共享状态。图中绿框内是vuex的操作内容

2、vuex状态管理(实例)

先导入vuex

应用级的状态集中放在store中;  改变状态的方式是提交mutations,这是个同步的事物;  异步逻辑应该封装在action中。 const vuex_store = new Vuex.store({     state:{         xxx:oooo; // 定义你的数据源     } }) 

用this.$store.commit(xxx)调用mutations

加上action,调用dispatch也可以实现同样的效果,context指这整个store。如果有异步请求,则放到action里

getter获取也可以

转载请注明原文地址: https://www.6miu.com/read-57362.html

最新回复(0)