chevron_left

Vue 2 实践教程

免费
第 9.6 回

教程文档

Vue 2 实践教程 - Action

2023年11月13日更新
Vue 2 实践教程

Action

内容索引
1. 实例

Action 类似于 mutation,不同在于:

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

1. 实例

修改src/store/index.js

import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { increment(state, payload) { state.count += payload.amount; } }, actions: { incrementAsync({ commit }, payload) { // 异步操作 setTimeout(() => { commit('increment', paylo...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手

Adsense 广告

Adsense 广告