=> https://jsbin.com 에서 테스트해보자.

mapState Vuex에 선언한 state 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 mapGetters Vuex에 선언한 getters 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 mapMutations Vuex에 선언한 mutations 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼 mapActions Vuex에 선언한 actions 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼

Vuex란 무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리 React의 Flux패턴에서 기인 주요 속성 state : 여러 컴포넌트에 공유되는 데이터 Data getters : 연산된 state값을 접근하는 속성 computed mutations : state값을 변경하는 이벤트 로직/메소드 method actions : 비동기 처리 로직을 선언하는 method state 란? 여러 컴포넌트 간에 공유할 데이터 - 상태 mutations 란? state 의 값을 변경할 수 있는 유일한 방법이자 메소드 mutations 은 commit() 으로 동작시킨다. state를 변경하기 위해 mutations를 동작시킬 때 인자(payload)를 전달할 수 있음. state는 왜 직접 ..