v-show, v-if 의 차이

v-show와 v-if는 특정한 영역을 보여줄것인가 보여주지 않을 것인가에 대한 기능으로 사용된다.

 

다만 초반에는 v-show와 v-if가 비슷한 것으로 알려져 있는데, 이는 조금 다르다.

 

v-if의 경우에는 조건이 맞을 경우에만 렌더링을 한다.

 

v-show의 경우에는 조건이 맞지 않아도 우선 렌더링을 하고 display 옵션을 none으로 처리한다.

 

따라서 v-if의 경우 렌더링이 무거운 화면일때 주로 사용하고

 

v-show의 경우 dialog 처럼 on/off가 잦은 화면이나 뷰에서 사용한다.