0
点赞
收藏
分享

微信扫一扫

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

早安地球 2022-11-26 阅读 168


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 条评论