Vuex 区分 State 是外部直接修改,还是通过commit修改

Vuex 中修改 state 的唯一渠道就是执行 commit(‘xx’, payload) 方法,其底层通过执行 this._withCommit(fn) 设置_committing 标志变量为 true,然后才能修改 state,修改完毕还需要还原_committing 变量。外部修改虽然能够直接修改 state,但是并没有修改_committing 标志位,所以只要 watch 一下 state,state change 时判断是否_committing 值为 true,即可判断修改的合法性。

computed: {
        height() {
            return this.$store.state.height;
        },
        flag() {
            return this.$store.state;
        }
    },
    watch: {
        flag: {
            handler() {
                if (this.$store._committing) {
                    console.log(this.$store._committing);
                    console.log('通过commit修改');
                } else {
                    console.log(this.$store._committing);
                    console.log('直接修改');
                }
            },
            deep: true
          	sync: true
        }
    },
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值