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
- react
- database
- vue login
- plugin
- vsCode
- nginx
- Firebase
- extension
- 회고록
- 배포
- 플러그인
- express
- 신상마켓
- javascript
- 정리
- 셋팅
- 토이프로젝트
- 기획
- Git
- vue
- PWA
- react-query
- 뷰
- Docker
- AWS
- 로그인
- 프론트
- jwt
- login
- vuex
Archives
- Today
- Total
목록후원감사합니다! (1)
강디너의 개발 일지
Vue - 동적 컴포넌트를 이용한 Layout 설정
동적 컴포넌트란 컴포넌트를 동적 또는 비동기로 변경하고 싶을 때 v-bind:is를 사용하는 기능입니다. 이번 포스팅에서 보여드릴 예제는 router에서 특정 meta를 이용하여 레이아웃을 만들어보겠습니다. 프로젝트 기본 구성 짧게 설명드리자면 App 바로 아래 Layout을 둔 다음 slot으로 router-view를 둔 것입니다. App.vue router/index.js import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../views/Home'; import MyPage from '../views/MyPage'; import Lounge from '../views/Lounge'; Vue.use(VueRouter..
Javascript/Vue.js
2020. 3. 24. 00:47