vue插件之vuex
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获取也可以