[Udemy Vue 완벽가이드 Section15] 219. 액션 "컨텍스트" 이해하기

action은 비동기 코드에서 중요하고, 일반적으로도 action을 사용하는 것이 좋다.

 

인수로 얻게되는 context 객체에는 흥미로운 것들이 많다.

지금까지는 commit 메서드만 사용했는데,

context 내부에 다른 어떤게 있는지 한번 보자.

 

# commit 내부

commit도 있고, 다른 것들도 보인다.

 

- dispatch

dispatch를 살펴보자.

dispatch를 이용해 작업 내부에서 다른 작업을 전달할 수 있다.

HTTP 요청을 보낼 때도 도움이 된다. 요청이 성공하면 성공 액션을 트리거하고 오류가 발생하면 오류 처리 액션을 트리거할 수 있다.

HTTP 요청의 결과에 대한 반응으로 다른 여러 작업을 전달하는 하나의 액션을 만들 수 있다.

 

 

- getters

getters를 사용하여 getters에서 얻는 특정 값을 가져올 수도 있다.

 

- state

getter에 접근하는 것만으로 충분하지 않을 때는 state를 직접적으로 사용할 수도 있다.

하지만 action 내부에서 상태를 조작해서는 안된다. 항상 mutations를 사용해야 한다.

 

 

이로써 애플리케이션 전반에서 상태 관리를 위해 사용하는 Vuex의 핵심 개념들을 공부했고,

어느 컴포넌트의 내부에서도 활용할 수 있다.

 

 

** 출처: 모든 내용은 Udemy Vue-완벽가이드 강의를 기반으로 작성하였습니다.