소행성소장

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..