1. vue teleport
https://kyounghwan01.github.io/blog/Vue/vue3/teleport/#components-teleport-teleportexample-vue
vue3 teleport 사용법, vue, computed, reactive, ref, watch, watchEffect, props, vuex, composable
vue3 teleport 사용법, vue, computed, reactive, ref, watch, watchEffect, props, vuex, composable
kyounghwan01.github.io
vue에서 모달을 position absolute 로 위에 덮어서 표시하고 있었는데
teleport 라는 것이 있었다.
실제로 프로젝트에는 적용해보지 못했다.
2. 동적 컴포넌트
동적 & 비동기 컴포넌트 | Vue.js
동적 & 비동기 컴포넌트 이 페이지는 여러분이 이미 컴포넌트 기초를 읽었다고 가정하고 쓴 내용입니다. 컴포넌트가 처음이라면 기초 문서를 먼저 읽으시기 바랍니다. keep-alive를 사용하는 동적
v3.ko.vuejs.org
3. 중첩라우트
https://router.vuejs.org/kr/guide/essentials/nested-routes.html
중첩된 라우트 | Vue Router
중첩된 라우트 실제 앱 UI는 일반적으로 여러 단계로 중첩 된 컴포넌트로 이루어져 있습니다. URL의 세그먼트가 중첩 된 컴포넌트의 특정 구조와 일치한다는 것은 매우 일반적입니다. 예를 들면
router.vuejs.org
4. 톤이 같은 랜덤 컬러
2021.11.30 - [WEB/html,CSS] - [html/css] 컬러의 명도와 채도가 같은 랜덤컬러 생성 random color
[html/css] 컬러의 명도와 채도가 같은 랜덤컬러 생성 random color
const colors = `hsl(${parseInt(Math.random() * 24, 10) * 15}, 16%, 57%)`; 참고 : 이것은 vue 코드 hsl에서 hue만 랜덤으로 돌리는 방법 그러면 톤이 똑같고 색상만 랜덤으로 추출됨
sso-feeling.tistory.com
'TIL' 카테고리의 다른 글
| [TIL] 20211116 selectbox/ window.confirm (0) | 2021.11.19 |
|---|---|
| [TIL] 20211115 vue 라이프 사이클 (0) | 2021.11.19 |
| [TIL] 20211111 vue-draggable-next / flex box media query (0) | 2021.11.19 |
| [TIL] 20211110 vue3 vuex module분리 (0) | 2021.11.19 |
| [TIL] 20211109 unexpected mutation of prop (0) | 2021.11.09 |