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