Vue.js

뷰 조건문

sdafdq 2023. 10. 5. 17:49
  <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