반응형 Vuex2 Vue.js Pinia 사용법 Vue에서 상태관리 시 많이 활용되고 있는 pinia 사용법에 대해서 알아본다. Vue에서 보통 상태관리에 Vuex가 많이 언급되지만 Pinia의 여러가지 특징으로 많이 활용이 되고 있다. Pinia 특징 Pinia의 특징으로 많이 언급되는 것들은 아래와 같다. 1. 가볍고 직관적인 API - Vuex보다 더 가벼우며, 직관적인 API를 제공. - Vue.js 3의 Composition API와 함께 사용되어, 개발자가 상태 관리를 더욱 쉽게 할 수 있도록 지원 2. TypeScript와의 호환성 - Vuex는 별도의 라이브러리(vuex-module-decorators) 필요 3. 컴포넌트 별 상태 관리 - 전역 상태 뿐만 아니라, 개별 컴포넌트에서만 필요한 로컬 상태도 관리 4. 성능 최적화 - Vue.. 2024. 3. 21. Vue.js Vuex 알아보기 Vuex vue에서 모든 컴포넌트가 접근 가능한 중앙 집중식 저장소 역할로 데이터 및 상태 관리를 할 수 있는 상태 관리 패턴 라이브러리 데이터를 store에 저장하고, 프로젝트 전체에서 사용할 수 있음 주로 사용자 로그인 정보, 쇼핑몰의 장바구니 정보 등 전역으로 관리되고 참조되어야 하는 정보들에 사용 Vuex Store 옵션 state: 프로젝트 전체에서 공통으로 사용할 변수 정의, state로 관리되는 데이터는 반응형 mutations: state에 정의된 변수를 변경할 수 있는 역할(동기처리), state의 변수를 직접 접근해서 변경은 불가 getters: state 변수의 로직처리 결과를 조회하는 Getter actions: mutations과 비슷한 역할, 여러개의 mutations처리가 가능.. 2022. 4. 8. 이전 1 다음 반응형
