IT이야기

Vuejs - 작업에서 데이터 반환

cyworld 2022. 5. 23. 21:44
반응형

Vuejs - 작업에서 데이터 반환

Vue 작업에서 데이터를 반환할 수 있는가, 아니면 스토어를 업데이트해야 하는가?

액션을 정의했지만 데이터가 반환되지 않음

getData(){
    return { "a" : 1, "b" : 2 }
}

실제로 액션으로부터 데이터를 반환할 수 있다.설명서:

동작은 비동기적인 경우가 많은데, 동작이 언제 수행되는지 어떻게 알 수 있는가?그리고 더 중요한 것은, 어떻게 하면 더 복잡한 비동기 흐름을 처리하기 위해 여러 행동을 함께 구성할 수 있을까?

약속과 자료를 반납해야 한다.resolve()방법:

actions: {
  actionA () {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({ name: 'John Doe' })
      }, 1000)
    })
  }
}

그리고 다음과 같은 방법으로 사용하라.

store.dispatch('actionA').then(payload => {
  console.log(payload) /* => { name: 'John Doe' } */
})

참조URL: https://stackoverflow.com/questions/54071406/vuejs-returning-data-from-an-action

반응형