v-if에 대해서

v-if는 조건부 렌더링을 위해 사용된다.

 

참일 경우 해당 요소와 그 내부의 모든 것이 렌더링된다.

 

거짓일 경우 해당 요소와 그 내부의 모든 것이 DOM에서 완전히 제거되어 보이지 않게 된다.

 

만약 요소를 DOM에서 유지하면서 단순히 숨기고 싶으면 v-show 를 이용할 수 있다.

마치 display: hidden과 비슷한 느낌인 디렉티브다.