이제 장바구니 담기 버튼을 몇 번 눌러 보세요. vue-devtools를 열어 <Root>를 클릭해 보세요. 그림 3-4와 같이 상품 id가 배열에 추가되는 것을 볼 수 있습니다.

▲ 그림 3-4 장바구니에 아이템을 담을 때마다 배열이 채워짐

 

개발자는 상관없지만, 사용자에게는 vue-devtools나 콘솔에서 장바구니에 얼마나 많은 상품이 담길 수 있는지 뷰 자체에서 피드백이 필요합니다. 이제 상품 카운터를 만들 시간입니다.