[Vue.js 3] Pinia 설치

새로고침 시 상태 유지하려고 Vuex 공부하려는데 상태 관리 라이브러리를 Pinia로 바꿨다고 한다. 참고링크

 

 

일단 도전 정신으로 설치해보자!

 

npm install --save pinia

src에 store폴더를 만든 후 index.js 파일을 만듦.

일단 이렇게 작성

App.vue에서 sotre 사용할 때는

//App.vue
<script>
import { indexStore } from '@/store/index';

export default {
    setup () {
        const store = indexStore();
        return {
        	store
        }
    };
}

 

import할 때 사용한 indexStore는 맘대로 바꿀 수 있다.

단, store에 있는 변수명과 composition api에서 사용하는 이름이 같아야 한다.

변수명과 다를 경우 만나게 되는 빨간 글씨

 

 

공식문서