티스토리 뷰

Vue.js

[Vue.js] v-if / v-show의 차이점

피치크러스트 2021. 10. 12. 17:25

v-if

- false이면 html 요소 자체가 지워진다.

- 토글 비용이 높다. 초기 렌더링 비용이 낮다.

 

v-show

- false이면 html 요소 자체는 존재하나 css로 안보이게 처리되는 것이다.

style="display:none;"

- 토글 비용이 낮다. 초기 렌더링 비용이 높다.

댓글
공지사항
최근에 올라온 글