vuex之actions

简介:

Action 类似于 mutation,不同在于:

  • Action 提交的是 mutation,而不是直接变更状态。
  • Action 可以包含任意异步操作。

分发 Action

Action 通过 store.dispatch 方法触发:

store.dispatch('increment')

乍一眼看上去感觉多此一举,我们直接分发 mutation 岂不更方便?实际上并非如此,还记得 mutation 必须同步执行这个限制么?Action 就不受约束!我们可以在 action 内部执行异步操作:

actions: {
  incrementAsync ({ commit }) {
    setTimeout(() => {
      commit('increment')
    }, 1000)
  }
}
相关文章
|
5月前
|
前端开发 JavaScript BI
轻松搞定vue3+Pinia-2-修改state-patch-actions
轻松搞定vue3+Pinia-2-修改state-patch-actions
107 0
|
1月前
|
前端开发 数据处理 开发者
vuex中mutations详解,与actions的区别
Vuex 的 Mutations 是用于改变 Vuex Store 中状态的一种方式。它是一个同步的操作,用于直接修改 Store 中的状态。
|
1月前
|
JavaScript 前端开发 测试技术
vuex中Actions详解
- Actions 是 Vuex 中的一个重要概念,用于处理异步操作和触发mutations。 - Actions 可以包含任意的 JavaScript 逻辑,包括异步操作(如发送 AJAX 请求)。 - Actions 通过调用 store.dispatch 方法来触发mutations。
|
5月前
|
前端开发 API
vue3中Pinia的使用之actions
vue3中Pinia的使用之actions
vue3中Pinia的使用之state
vue3中Pinia的使用之state
|
3月前
|
存储 JavaScript 前端开发
vuex中的state
vuex中的state
26 0
|
3月前
|
JavaScript
vuex中的getters
vuex中的getters
17 0
|
存储 资源调度 JavaScript
Vue——14-vuex安装 State、Mutations以及Getters状态的的使用
vuex安装 State、Mutations以及Getters状态的的使用
85 0
|
缓存
学习Pinia 第五章(Actions,getters)
主要作用类似于computed 数据修饰并且有缓存
60 0
Vuex从了解到实际运用(二),获取vuex中的全局状态(state,getters)
上篇文章讲解了vuex基础,本文简介vuex中一些方法的使用
249 0
Vuex从了解到实际运用(二),获取vuex中的全局状态(state,getters)

热门文章

最新文章