2024. 1. 5. 14:58ㆍ뷰(Vue)
많은 화두가 되는 2개가 있다. 바로 Vuex와 Pinia이다. 여러 블로그 들에서 이미 비교를 잘 해둔게 있었고 개인적인 생각을 정리하기 위해서 그냥 작성한 글입니다.
Vue 상태관리 라이브러리이고 Vue 2버전대에선 Vuex가 주로 사용되었고 Vue3버전에서는 Pinia를 주로 사용하는 것 같다.
간단하게 차이점을 말하자면 Pinia에서는 composition api와 option 둘다 지원하는데 반해 Vuex는 option형태만 지원하는듯 하다.
또한 state값을 변경하기 위해서는 Vuex에선 mutation이라고 따로 명시하는 곳이 있고 거기서만 변경이 가능한데 Pinia에서는 action에서 바로 state를 변경 할 수 있다.Vuex에서 별도로 분할되어 있는 영역 1개를 줄여버린것이다.
(사용하다보면 state값을 변경하는 경우가 많은데 이 부분은 Pinia가 확실히 편리하게 느껴진다.)
그리고 공식문서에서는 Vue3기준으로는 Pinia를 확실하게 표준으로 잡고있는 것 같고, 대부분 하는말을 정리하면 다음과 같다고 생각했다.
Pinia가 확실히 Vue3으로 프로젝트를 수행한다고 하면 표준으로 채택하는게 맞다. 그러나 Vue 프로젝트를 신규로 구성하는게 아닌경우에는 (Vuex로 환경이 구성되어있고 사용하고 있다면) 굳이 바꿀 위험성을 가지지 않아도 된다는 것이다.
참고주소
Vuex
Vue에서 상태관리를 해보자! Vuex
상태 관리란 현대 프론트엔드 프레임워크에서 모두 사용하는 개발 패턴이다.뷰에서는 뷰엑스(Vuex)라는 상태 관리 패턴을 사용한다.상태 관리가 필요한 이유는 컴포넌트의 숫자가 많아졌을 때
velog.io
Pinia
(번역) Vuex와 비교한 Pinia의 장점
왜 Vuex 대신 Pinia를 사용해야 하는지, 그리고 어떻게 Pinia를 사용해야 하는지 알고 계신가요? 이 글에서는 Vuex와 Pinia의 경쟁에서, 왜 Pinia가 Vue 앱 상태 관리의 분명한 승자인지를 설명하려고 합니
velog.io
'뷰(Vue)' 카테고리의 다른 글
| Vue-cli to Vite 변경을 시도했다....(Vue3) (0) | 2024.01.05 |
|---|---|
| Vue에서 Pinia Store를 사용해보자. (1) | 2024.01.05 |
| Vue의 EventBus와 상태관리(Vuex,Pinia) (0) | 2024.01.05 |
| Vue 실행 설정 분리(local, dev, real) (0) | 2024.01.05 |
| Vue Sespnese에 관하여... (1) | 2024.01.05 |