<h1 @click="activate()" :class="{ active : isActive }">
Hello!!! {{ isActive }}
</h1>
isActive가 true면 active라는 단어를 넣는거고 false면 active라는 단어를 없에는 거다.
{ active : isActive} 일종의 조건문 같은 개념이다.
isActive 대신 조건문을 쓰면 된다.
'Vue.js' 카테고리의 다른 글
| 뷰 조건문 (0) | 2023.10.05 |
|---|---|
| 변수로 스타일 바꾸기 (0) | 2023.10.05 |
| watch 데이터가 변경되는 지 관찰 (0) | 2023.10.04 |
| computed (0) | 2023.10.02 |
| computed 템플릿 내에서 간단한 연산 (0) | 2023.09.27 |