求和案例
首先要把sum 也就是结果值放在state中
其次要在按钮点击的触发函数中写入 this.$store.dispatch('jia',this.n) //调用store中的dispatch
jia为Actions中的函数
Action中添加这个函数
const actions={
jia(context,value){ //context 上下文 包含mutations state......可能用到的东西
context.commit('JIA',value) //一般这边的大写 用于标记 大写是mutations
} //小写是actions中的
}
const mutations={
JIA(state,value){
state.sum+=value //实际功能代码
}
}
{{$store.state.sum}}//找到store中的sum
可以把变值之前的业务逻辑写在actions里边 比如计时器和判断语句
在此案例中,当总数为奇数时才能执行+ 和点击按钮后等一段时间再加
可以在actions中添加判断语句 在actions中添加计时器
在actions中取到state的方法是 直接用 context.state.sum 获取到state中的sum
像那种没有前提条件或者计时器的 可以直接调用mutations中的函数 跳过actions