北京电商网站开发公司哪家好,南沙营销网站建设,网站建设需求说明书怎么写,郑州七彩网站建设目录 1 核心概念 - actions1.定义actions2.组件中通过dispatch调用 2 辅助函数 -mapActions 1 核心概念 - actions state是存放数据的#xff0c;mutations是同步更新数据 (便于监测数据的变化, 更新视图等, 方便于调试工具查看变化)#xff0c; actions则负责进行异步操作 说… 目录 1 核心概念 - actions1.定义actions2.组件中通过dispatch调用 2 辅助函数 -mapActions 1 核心概念 - actions state是存放数据的mutations是同步更新数据 (便于监测数据的变化, 更新视图等, 方便于调试工具查看变化) actions则负责进行异步操作 说明mutations必须是同步的
需求: 一秒钟之后, 要给一个数 去修改state 1.定义actions
mutations: {changeCount (state, newCount) {state.count newCount}
}actions: {setAsyncCount (context, num) {// 一秒后, 给一个数, 去修改 numsetTimeout(() {context.commit(changeCount, num)}, 1000)}
},2.组件中通过dispatch调用
setAsyncCount () {this.$store.dispatch(setAsyncCount, 666)
}2 辅助函数 -mapActions
1.目标掌握辅助函数 mapActions映射方法 mapActions 是把位于 actions中的方法提取了出来映射到组件methods中 Son2.vue
import { mapActions } from vuex
methods: {...mapActions([changeCountAction])
}//mapActions映射的代码 本质上是以下代码的写法
//methods: {
// changeCountAction (n) {
// this.$store.dispatch(changeCountAction, n)
// },
//}直接通过 this.方法 就可以调用
button clickchangeCountAction(200)异步/button
