Vuex란?

공식문서에서 Vuex는 Vue의 애플리케이션에 대한 상태 관리 패턴 + 라이브러리라 표현한다.

내 주 기술 스택은 React이고, React에서는 Redux라는 Flux Architecture에 기반한 상태 관리 라이브러리를 사용했다.

Vuex는 Flux Architecture와 Redux에서 영감을 받은 라이브러리이다.
Flux Architecture가 추구하는 것은 여러 컴포넌트에서 공유되는 데이터(상태)를 하나의 큰 Redux 객체에 저장하고,
각 컴포넌트에서 Redux 객체에 접근하여 상태를 받아오거나 변경하는 패턴이다.

Vuex가 추구하는 패턴도 이와 같다.
컴포넌트에서 공유되는 데이터를 전역 싱글톤 객체에 몰아두고 데이터가 필요한 컴포넌트에서 전역 객체에 액세스 하는 방식이다.

간단하고 규모가 비교적 작은 프로젝트에선 Vuex를 사용하지 않는 것이 더 좋을 수 있다.
Vuex는 규모가 크고 컴포넌트끼리 공유하는 데이터(상태)가 많을 때 더 효과적이다.

참고

• Vue.js 공식 문서