하루에 0.01%라도 성장하자

Develop/Vue.js

v-show, v-if 의 차이

뚠뚠한 뚠님 2021. 10. 10. 16:24
반응형

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

 

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

 

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

 

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

 

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

 

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

 

반응형

'Develop > Vue.js' 카테고리의 다른 글

Vue - Component 간의 Method 호출 방법  (0) 2021.12.01
Vue - select 태그에서 default Value 셋팅하기.  (0) 2021.11.23
v-show, v-if 의 차이  (0) 2021.10.10
Vue - .vue 파일에서 commit 이용하기  (0) 2021.05.21
Vue - Scroll Event  (0) 2021.05.21
1 2 3 4 5 6 7 8 9 ··· 146