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
- 폰트적용하기
- 레이아웃쪼개기
- react
- 타입좁히기
- Chart.js
- 타입스크립트
- 개발콘텐츠
- TSDoc
- 누구나 자료구조와 알고리즘
- typescript
- 공통컴포넌트
- reactjs
- const 단언문
- utilty type
- JS console
- CSS
- React Native
- NonNullable
- 반복줄이기
- 커스텀
- returnType
- React.js
- click and drag
- vue.js
- 2022
- 리액트
- 성능최적화
- 티스토리꾸미기
- 제네릭
- javascript
Archives
- Today
- Total
몽땅뚝딱 개발자
[Vue.js] v-if와 v-show의 차이 본문
◽ v-if와 v-show의 차이
| v-if | v-show | |
| 렌더링 여부 | 디렉티브의 표현식이 true일 때만 렌더링된다. | 항상 렌더링 되어 DOM에 남아있다. 단순히 엘리먼트의 CSS display 속성만 전환된다, |
| 사용 | 런타임 시 조건이 변경되지 않는다면 v-if를 사용하는 것이 좋다. | 무언가를 자주 전환해야한다면 v-show를 사용하는 것이 좋다. |
출처
조건부 렌더링 | Vue.js
조건부 렌더링 v-if v-if 디렉티브는 조건에 따라 블록을 렌더링할 때 사용합니다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링됩니다. Vue is awesome! 1 v-else와 함께 “else 블록”을 추
v3.ko.vuejs.org
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > Vue.js' 카테고리의 다른 글
| [Vue.js] $nextTick (0) | 2021.12.19 |
|---|---|
| [Vue.js/라이브러리] deepmerge (0) | 2021.12.18 |
| [Vue.js] vue-cli3 설정파일 정리 (0) | 2021.12.07 |
| [Vue.js] import 사용 시 경로에 별칭 사용하기 / @ (vue-cli 3~) (0) | 2021.12.07 |
| [Vue.js] Vue.js에서 Sass(SCSS) 사용하기 (0) | 2021.12.06 |
Comments