Vue官方文档(50): vuex中Action的用法

阅读 169

2022-11-26


1.在store中定义Action
store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
state: {
count: 0,
},
mutations: {
increment (state) {
state.count++
},
},
actions: {
increaseIt (context) {
context.commit('increment')
}
}
})
export default store;

2.在页面中通过dispatch触发Action

import store from './store/store'

store.dispatch("increaseIt");


精彩评论(0)

0 0 举报