v-if와 v-show 비교

728x90
반응형
·Vue.js
v-if를 쓰면 항상 나오는 것이 v-show여서 궁금해서 정리해보게 되었다. 1. v-if : v-if 디렉티브는 조건에 따라 블록을 렌더링할 때 사용된다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링된다. Vue is awesome! Oh no 😢 예시 Click me! Hello?! Good~ 코드 설명 button을 클릭시 isShow가 true면 Hello를 출력한다. false라면 Good~을 출력한다. 이는 클릭시 핸들러 함수를 설정하여 false면 true, true면 false를 출력하게 설정하였다. v-else-if, v-else A B C Not A/B/C → 조건이 여러개일 때 v-else-if를 설정한다. 그리고 나머지 조건은 v-else로 설정할 수 있다. 순서는..
728x90
반응형
Uheeking
'v-if와 v-show 비교' 태그의 글 목록