소행성왕자

vuex store 사용시 많은 양의 데이터를 하나의 store 파일에서 작업하기엔 벅차 store 모듈로 쪼개는 방법을 알아보고자 합니다. store 디렉토리 구조 store/modules/Counter.js /modules/moduleA.js index.js index.js import { createStore } from 'vuex' import { Counter } from './modules/Counter' import { moduleA } from './modules/moduleA' export default createStore({ mudules: { Counter, moduleA }, //기존 저장소 }); moduleA.js export const moduleA = { namespaced..

vue3 의 Composition API main.js import { createApp } from 'vue' import './style.css' import App from './App.vue' import store from './store' import mitt from 'mitt' const emitter = mitt(); /* createApp(App) .use(store) .use(mitt) .mount('#app') */ const coforwardUi = createApp(App); coforwardUi.provide('emitter', emitter) coforwardUi.use(store); coforwardUi.mount('#app'); /* import { createApp, }..

vue3 에서 vuex 를 이용하여 전역으로 데이터를 관리할수 있는 store 사용법과 컴포넌트 끼리 통신할수 있는 mitt 사용법을 알아보도록 합니다. vue3의 문법은 가 아닌 를 이용하는 Composition API 사용법을 알아보도록 하겠습니다. 사전작업 store 사용하기 위해 vuex 설치 (npm install --save vuex) mitt 사용하기 위해 mitt 설치 (npm install --save mitt) 설치 완료하면 package.json 의 dependencies 에 mitt 와 vuex 가 추가되어 있습니다. package.json 또한 vuex 의 store 사용하기 위한 기본 폴더(srote) 와 파일(index.js) 생성되었습니다. main.js import { cr..