📚 Reference

• 공식 사이트 1
• GitHub 1

📜 Chapter

pinia-plugin-persist

pinia-plugin-persistedstate

pinia-plugin-persistedstate-2

Recoil

Vuex

Pinia

• 피니아
• pinia
• state management
• 기존의 Vue의 상태 관리 라이브러리 Vuex를 대체할 수 있는 라이브러리이다.
• Vue3로 넘어가면서 Vuex가 아니라 Pinia를 공식 라이브러리로 소개하고 있다.
• 페이지를 이동해도 pinia의 상태는 전역적으로 관리 되기때문에 상태가 남아있어야 한다.
• 페이지 이동을 (href)와 같이 새로고침으로 이동했을 경우 컴포넌트가 초기화되어 pinia의 상태가 사라지게 된다.
• Vue Router 를 통해 이동(router-link)해야 상태를 유지할 수 있다.
• 만약 새로고침시에도 Pinia상태 유지를 원한다면 LocalStorage와 같은 클라이언트 상태저장소를 활용하는 방법이 있다.

설치

# YARN
yarn add pinia

# NPM
npm install pinia