티스토리 뷰

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처리를 해준다.)