반응형
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
- Vue
- jsx
- event
- 리액트
- v-html
- 자료구조
- CSS
- react
- storybook
- webpack
- mapGetters
- ES6
- sass
- Vue transition
- HOC
- State
- 댓글달기
- 쉬운설명
- Vue.js
- vuex
- scss
- App.vue
- MySQL
- JavaScript
- nodejs
- express
- TypeScript
- input
- Wecode
- 자바스크립트
Archives
- Today
- Total
목록동적라우팅 (1)
익명의 개발노트
[vue.js] 동적 라우팅 & v-html & 트랜지션
1. 동적 라우팅 1) 페이지 전환시 기존 정보 가지고 가는 라우팅 기술 2) 라우터에 가지고 갈 정보를 표시해주고, 실제 라우터 링크에서 값을 표기해 줌 { path:'/user/:id', component: UserView, }, 아래와 같이 사용할 경우에는 라우터에 위와 같이 표기안해주어도 된다. { path:'/user', component: UserView, }, //클릭시 페이지 이동시키고 싶을때 라우터 링크사용 2. v-html 1) 서버로부터 받아오는 내용에 HTML이 포함되어있는경우 사용 {{fetchedItem.content}} 3. 트랜지션 1) 뷰에서 트랜지션 기능을 기본으로 제공해 준다. 2) 트랜지션 이름 기준으로 css가 prefix되어 있기 때문에 트랜지션 이름 변경시 css..
코딩일기/TIL
2019. 12. 23. 18:34