[Vue] Vuex란?

• Vue의 상태 관리 패턴 + 라이브러리

Vuex 사용 이유

• MVC 패턴에서 발생하는 구조적 문제 해결 가능
• 컴포넌트 간 데이터 전달 문제 해결 가능
• 여러 컴포넌트에서 같은 데이터를 업데이트 할 때 동기화 문제 해결 가능

Vuex 구조

• State
  • 컴포넌트 간에 공유하는 데이터
• View
  • 데이터를 출력하는 뷰
• Action
  • 사용자의 입력에 따라 데이터를 변경하는 메소드
• 단방향 데이터 흐름
  • View에서 이벤트가 발생했을 때 Action이 실행됨
  • Action을 통해 State가 변경됨