질문드립니다.

22.10.04 23:56 작성 조회수 162

<span class="checkBtn" v-bind:class="{checkBtnCompleted: todoItem.completed}"

해당 라인에서 class binding 을 통해 css적용 유무를 결정하는데요

true인지false인지 구분하는값은 따로 없나요?

기본적으로 true면 실행이 되고 false면 실행이 안되나요?

만약true, false값이 없고 key값만 있다면 어떻게 구분이 되는지 궁금합니다.

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoList 컴포넌트의 할 일 완료 기능 구현

강의실 바로가기

답변 1

답변을 작성해보세요.

장기효(캡틴판교)

2022.10.07

안녕하세요, 위 코드 기준으로 todoItem.completed 속성이 true면 checkBtnCompleted 클래스 값이 추가되는 거고 false면 checkBtn만 있게 됩니다 :)