V
![[Vue] v-show vs v-if](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbMXoBD%2FbtrIY1BeED5%2FyixHROFWKYPj62JVsiYwkK%2Fimg.png)
[Vue] v-show vs v-if
v-show element 를 렌더링 후 조건에 따라 표기함 v-if 조건에 맞을 경우만 렌더링 후 표기 초기 렝더링시 조건이 false 면 아무작업도 하지 않으며 조건부 블록이 true 가 될때까지 렌더링이 되지 않음 v-show vs v-if v-show v-if 초기 렌더링 비용이 높음 전환비용이 높음 자주 전환될경우 사용하는게 좋음 런타임 시 조건이 변경되지 않을 경우 사용하는게 좋음
v-show element 를 렌더링 후 조건에 따라 표기함 v-if 조건에 맞을 경우만 렌더링 후 표기 초기 렝더링시 조건이 false 면 아무작업도 하지 않으며 조건부 블록이 true 가 될때까지 렌더링이 되지 않음 v-show vs v-if v-show v-if 초기 렌더링 비용이 높음 전환비용이 높음 자주 전환될경우 사용하는게 좋음 런타임 시 조건이 변경되지 않을 경우 사용하는게 좋음