vuex中Mutations如何修改状态

Mutation是什么?

简单例子:例如我们的百度钱包的金额假设是一个共用的数据,那么当我到百度购物车页面购买某一产品时,我们的共用数据发生了变化,那么我们在购物车页面是变化后值,

在百度钱包的账号页面也应该是变化后值,如何让这个值发生变化就需要Mutation

Mutation怎么用?

下面我将介绍怎么修改他的状态方法?

第一步 在你写公共数据仓库的文件(store.js)写入Mutation

代码如下:

const mutations={

    jia(state){

        state.count++;

    },

    jian(state){

        state.count--;

    }

}

注:你在写入,你可以给它传值,例如

const mutations={

jia(state,n){

        state.count+=n;

    }

 

}

第二步 在你写的组件 a.vue中写入修改状态的方法commit

注:你传值的那个可以写成下面的形式

意思:每次点击+都加10


你可能感兴趣的:(前端)