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