반응형
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 | 31 |
Tags
- https
- svelte
- Cypress
- vue3
- aws
- caching
- web vital
- import.meta.env
- api test
- 선택자
- csr
- custom command
- http3
- e2e
- vue
- 비동기
- SSR
- msw
- ViTE
- rendering
- QUIC
- Testing
- typeScript
- CloudFlare
- CSS
- JavaScript
- vue-cli
- ts error
- devtools
- TLS
Archives
- Today
- Total
목록다중 vue 인스턴스 (1)
Develop Note by J.S.

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