Development/Vue.js
[Vue.js] v-if와 v-show의 차이
레오나르도 다빈츠
2021. 12. 9. 18:37
◽ 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
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.