vuex中Mutations如何修改状态
Mutation是什么?简单例子:例如我们的百度钱包的金额假设是一个共用的数据,那么当我到百度购物车页面购买某一产品时,我们的共用数据发生了变化,那么我们在购物车页面是变化后值,在百度钱包的账号页面也应该是变化后值,如何让这个值发生变化就需要MutationMutation怎么用?下面我将介绍怎么修改他的状态方法?第一步 在你写公共数据仓库的文件(s
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
<button @click="$store.commit('jia')">+</button>
<button @click="$store.commit('jian')">-</button>
注:你传值的那个可以写成下面的形式
<button @click="$store.commit('jia',10)">+</button>
意思:每次点击+都加10
更多推荐
所有评论(0)