250x250
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
- CSS
- Interface
- 타입스크립트
- 모던 자바스크립트
- 스코프
- 데이터 타입
- 객체
- redux
- react
- ES6
- 자바스크립트
- const
- Number
- let
- 리액트
- todolist
- 라우터
- js
- function
- 뷰
- this
- BIND
- typescript
- null
- 투두리스트
- 모던
- var
- 컴포넌트
- VUE
- 함수
Archives
- Today
- Total
목록네스티드 (1)
홍준혁
Vue.js-네스티드 라우터
네스티드 라우터는 페이지를 이동할 때 최소 2개 이상의 컴포넌트를 화면에 나타낼 수 있다. 네스티드의 뜻을 보면 뭔가 중첩... 음 뜻에서 유추할 수 있듯 네스티드 라우터는 상위 컴포넌트 1개에 하위 컴포넌트 1개를 포함하는 구조로 되어있다. 그림을 보면 대충 어느 식인지 이해가 될 텐데, 네스티드 라우터는 화면을 구성하는 컴포넌트의 양이 적을 때는 유용하지만, 한 번에 더 많은 양의 컴포넌트를 표현하는 데에는 무리가 있다. 무튼 코드로 한번 구현을 해보자. Vue배우는중 실행해보면 아무것도 보이지 않을 것이다. 하지만 주소 마지막에 user을 치면 User Component라는 것이 보일 것이다. 거기에 posts를 붙여서 엔터를 눌러보면 User Component밑에 User Profile Compo..
Vue.js
2020. 9. 21. 22:06