v-show 조건부 랜더링

v-show

• v-if는 조건이 거짓일 때 랜더링을 하지 않지만, v-show는 일단 랜더링을 하고 css의 display속성을 제어한다.
  display : none; => 전체를 랜더링 다 하고 화면만 가림 
• v-if 태그의 else 처리가 되지 않음 

 

• v-if는 v-show에 비해 랜더링을 위한 작업을 많이 해야한다.
• v-show는 화면이 나타난 이후 자주 토글될 때 사용한다.
• v-if는 화면을 만들 때 랜더링 제어를 할 경우 사용한다.