Page 3 -
P. 3
Vue.js
2.4 출력 필터 적용 056
2.4.1 필터 함수 작성 056
2.4.2 마크업에 필터를 추가하고 여러 값 테스트 057
2.5 연습 문제 059
2.6 요약 059
2부 뷰와 뷰-모델 060
3장 상호 작용성 추가 061
3.1 장바구니 데이터는 배열 추가로 시작 062
3.2 DOM 이벤트에 바인딩 063
3.2.1 이벤트 바인딩 기초 063
3.2.2 <장바구니 담기> 버튼에 이벤트 연결 064
3.3 <장바구니 담기> 버튼을 추가하고 개수 세기 067
3.3.1 계산된 속성은 언제 사용할까? 067
3.3.2 계산된 속성으로 업데이트 이벤트 살펴보기 068
3.3.3 장바구니에 담긴 상품 개수 표시 및 테스트 074
3.4 버튼에 사용자 편의 추가 075
3.4.1 재고 주시 076
3.4.2 계산된 속성과 재고 작업 077
3.4.3 v-show 지시자 기초 078
3.4.4 v-if와 v-else를 사용해서 버튼 비활성화 080
3.4.5 토글 기능이 있는 <장바구니 담기> 버튼 추가 082
3.4.6 v-if를 사용해서 체크아웃 페이지 표시 084
3.4.7 v-show와 v-if/v-else 비교 085
3.5 연습 문제 086
3.6 요약 086
Vue.js 코딩 공작소(본문)최종.indd 13 2019-09-07 오후 8:43:22