Vuex中Mutations修改状态
commit传递参数
Vuex提供了commit
方法来修改状态,调用时的编码方式:
<button @click="$store.commit('方法名')">加一</button>
在实际开发中,可以在修改状态时进行传值操作。这时只需要在Mutations
里再加上一个参数,并在commit的时候传递就可以实现。
例子:点击按钮进行数值相加或相减的操作。
点击“相加“按钮,实现每次点击都加100的功能
在store.js
文件里给add方法加上一个参数n
const mutations={
add(state,n){
state.count+=n;
console.log("运行了add方法")
},
reduce(state){
state.count--