Vue 16일차 - Vuex mutations, commit

mutations은 state의 값을 변경할 수 있는 유일한 방법이며, 메서드이다.

 

mutations에는 속성 메서드들을 정의할 수 있다.

 

mutations의 속성 메서드들의 첫 번째 인자는 state가 들어간다.

mutatuions 예제

commit은 mutations에 정의된 속성들을 실행하는 역할을 한다.

commit 예제

commit 실행 시 mutations에 정의된 속성 명칭을 첫 번째 인자 값으로 넣고, 매개변수는 두 번째 인자부터 넣는다.

mutations의 속성 인자 값은 객체를 보낼 수 있다.

 

그럼 state를 왜 직접 변경하지 않고 mutations을 이용해서 state를 변경할까?

 

state는 여러 컴포넌트에서 공유하기 때문에 어떤 시점에서 언제 변경했는지 추적 관리가 어렵기 때문이다.

 

따라서 mutations와 commit을 이용해서 관리하기가 편하다.

 

또한 Vue의 반응성(변화에 따른 바로 감지 후 변경)을 위해서 사용한다.