<h1 :class="{active : isActive}" v-if="isShow">{{ msg }}</h1>
<h2 v-else>
Good
</h2>
if else
순서가 중요함. if 뒤에 바로 있어야 함.
isShow에 따라 둘중 하나 실행되는 거.
if-else도 있음.
참고로, 마찬가지로,
if ~ else if~
이렇게 있으면 첫 if부터 차례로 검사하다 참이면 그 if문 실행하고 끝냄
'Vue.js' 카테고리의 다른 글
v-show (0) | 2023.10.05 |
---|---|
뷰 태그 그룹핑 (0) | 2023.10.05 |
변수로 스타일 바꾸기 (0) | 2023.10.05 |
클래스 바인딩, 템플릿 내의 조건문. (0) | 2023.10.04 |
watch 데이터가 변경되는 지 관찰 (0) | 2023.10.04 |