[Vue] v-show vs v-if

 

v-show

• element 를 렌더링 후 조건에 따라 표기함

 

v-if

• 조건에 맞을 경우만 렌더링 후 표기
• 초기 렝더링시 조건이 false 면 아무작업도 하지 않으며 조건부 블록이 true 가 될때까지 렌더링이 되지 않음

v-show vs v-if

v-show	v-if
초기 렌더링 비용이 높음	전환비용이 높음
자주 전환될경우 사용하는게 좋음	런타임 시 조건이 변경되지 않을 경우 사용하는게 좋음

 

---