크롬으로 넘어가서 새로 고침한 후 디자인대로 상품 정보가 표시되는지 확인하세요.

▲ 그림 2-13 상품이 표시되기는 하지만 고쳐야 할 몇몇 문제 발생

 

고쳐야 할 문제가 2개 있습니다.

1. 정보 값에 포함된 상품 정보의 HTML이 올바르게 해석되지 않고 문자열로 출력됩니다.

2. 상품 가격이 알맞은 달러 형식이 아닌 정수 2000의 문자열 표현으로 표시됩니다.

첫 문제부터 해결해 봅시다. 우리에게는 HTML 지시자가 필요하므로 v-html 바인딩을 사용하여 상품 마크업을 수정해서 의도한 대로 상품 정보를 출력하겠습니다.