소행성왕자

option API 사용이 아닌 Composition API 에서 공통인 common.js 추가하고 싶을때 사용합니다. Composition API 는 사용합니다. option API 는 this.$common 사용하는 반면 Composition API 는 inject 를 사용합니다. js/common.js 사용할 컴포넌트에서 inject 에서 사용할 이름을 지정해줍니다. app.provide('common',common) export default { install:(app) => { const common = { cc(str) { console.log('>>>>>common.js111 >>>>' + str); }, dd(str) { console.log('>>>>>common.js222 >>>>' +..

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