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获取也可以




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值