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
- 뷰
- AWS
- 회고록
- vuex
- nginx
- react
- 로그인
- Docker
- 토이프로젝트
- 기획
- vsCode
- 셋팅
- login
- PWA
- database
- express
- Firebase
- 배포
- vue
- react-query
- javascript
- plugin
- 플러그인
- 정리
- vue login
- 프론트
- extension
- 신상마켓
- jwt
- Git
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