반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- import.meta.env
- rendering
- svelte
- http3
- vue-cli
- aws
- devtools
- CloudFlare
- csr
- 비동기
- CSS
- QUIC
- e2e
- JavaScript
- msw
- Testing
- web vital
- Cypress
- custom command
- 선택자
- typeScript
- TLS
- vue
- caching
- ts error
- ViTE
- https
- SSR
- vue3
- api test
Archives
- Today
- Total
목록vue.config.js (1)
Develop Note by J.S.
[Vue3] 다중 Instance
SPA(Single Page Application)로 개발을 하다보면 여러 조건들과 권한에 따라 로직을 구분해야하는 상황이 발생합니다. 성격이 다른 페이지들을 단일 Vue Instance에서 구현하다보면 물리적으로 분리를 시키는 것이 더 효율적일 때가 있습니다. 이때 다중 Instance를 생성하여 해결 할 수 있습니다. File 분리 Vue Instance를 생성할 파일의 경로를 분리하여 각각의 Instance를 생성합니다. // vueInstance1/main.ts import { router } from './router' import { createApp } from 'vue' import App from './App1.vue' const app = createApp(App); app.use(ro..
FrontEnd/Vue3
2023. 6. 30. 14:53