Vue - Vuex action에서 state로 접근하기

1. Vuex action 에서 state에 직접 접근하여 state에 있는 데이터 가져오기

action에서 state에 직접 접근하여 state에 있는 데이터를 action으로 가져올 수 있는지 테스트를 해보았으며, 결과는 성공적이였다.

 

- vuex state

state에 있는 데이터를 action 으로 가져올 것이다.

 

- vuex action

action에 testAction이라는 함수를 만들어 state에 있는 데이터를 로그 찍어본다.

state에서 action에 접근하기 위해서는 파라미터로 context를 받아와야하며 context.state와 같은 형식으로 접근하면

state에 있는 데이터를 가져올 수 있다.

 

- vue script

methods에 getTest라는 함수를 만들어 진행하였다.

getTest함수를 vue의 생애주기인 create시 호출하여 Vuex action을 호출한다.

 

- 결과

콘솔창을 보면 action이 state에 접근하여 state데이터를 잘 출력하는것을 볼 수 있다.