Store2 Pinia - Action ( Option Store ) 이 글은 Vue 3의 공식 Store | Pinia 를 보고 정리한 글입니다. 더 자세한 내용을 원하시면 공식 문서를 참고하세요. 컴포넌트의 method와 동일한 일을 합니다. 이들은 defineStore()에서 actions속성으로 정의할 수 있으며, 처리해야 할 작업의 로직을 정의하는데 완벽합니다 : export const useCounterStore = defineStore('counter', { state: () => ({ count: 0, }), actions: { // `this`에 의존하므로, 화살표 함수를 사용할 수 없음. increment() { this.count++ }, randomizeCounter() { this.count = Math.round(100 * Math.random().. 2023. 1. 2. Pinia 이 글은 Vue 3의 공식 Store | Pinia 를 보고 정리한 글입니다. 더 자세한 내용을 원하시면 공식 문서를 참고하세요. 시작하기 선호하는 패키지 관리자로 pinia를 설치합니다. 1 2 3 yarn add pinia # or with npm npm install pinia cs 💡 TIP ! 앱이 Vue 2.6.x 이하 버전을 사용하는 경우, 컴포지션 API도 설치해야 합니다: @vue/composition-api. Nuxt를 사용하는 경우, 이 지침을 따라야 합니다. main.js @/main.js 1 2 3 4 5 6 7 8 9 import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App... 2022. 12. 30. 이전 1 다음