티스토리 뷰

WEB/Vue.js

v-if와 v-show의 차이점

이지홍 2022. 8. 29. 19:29
반응형

상태에 따라 현재 템플릿이나 정보를 보여줄지 말지를 vue를 통해 나타낼 때 흔히 
v-if/v-else 디렉티브 또는 v-show 디렉티브를 사용한다. 

여기서 둘의 차이점은 v-if는 조건이 맞지 않다면 해당 태그 자체를 생성하지 않고,
v-show는 태그를 생성은 한 후 보이지 않게 처리를 한다는 점이 다르다. (CSS에서 display:none처리를 해준다.)

반응형
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/09   »
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
글 보관함