[vuex] 비동기적 action 다루기
아래는 전형적인 vuex의 action 작성법이다.
actions: {
increment ({ commit }) {
commit('increment')
}
}
store.dispatch('increment')
action은 비동기적으로 작동하기 때문에 action이 끝난 이후 어떤 동작을 정의하고 싶다면 promise를 리턴하도록 코드를 짜면 된다.
actions: {
actionA ({ commit }) {
return new Promise((resolve, reject) => {
setTimeout(() => {
commit('someMutation')
resolve()
}, 1000)
})
}
}
store.dispatch('actionA').then(() => {
// ...
})
Author And Source
이 문제에 관하여([vuex] 비동기적 action 다루기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@vagabondms/vuex-비동기적-action-다루기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)