deal이라는 거래 기록 부분을 json-server data 안에 추가해놓았다.
추후 백엔드에서 이 부분을 고려해야 할 듯 싶다
goodsData는 api에서 불러온 original data가 되고 goodsFinish는 filtering을 거쳐 거래 완료된 데이터만을 담는 변수이다.
거래 완료 데이터를 반복 구문으로 완료된 것들을 담아준다
props로 데이터를 sort.vue로 넘겨주고 받아온다
품격님의 의견을 반영하여 우선순위가 높을 것으로 예상되는 낮은 가격순부터 거래완료 등으로 연결되도록
구성하였다.
복수의 propsdata들은 위와 같이 가져와준다
switch case 구문을 활용하여 위와 같이 sorting 시켜준다
emit을 통하여 통신해준다
header-logo 부분 refactoring 진행
기존의 header 부분같은 경우 home 화면에서 클릭하게 되면 아무런 반응도 일어나지 않았다.
따라서 이 부분을 reload 시켜주기 위하여
goHome이라는 함수를 만들어 path가 홈일 때와 홈이 아닐 떄를 구분하여 home일 경우, reload될 수 있도록 go를 이용해주었다.
goods 거래 완료된 부분 구현
header-logo 부분 refactoring 진행
기존의 header 부분같은 경우 home 화면에서 클릭하게 되면 아무런 반응도 일어나지 않았다. 따라서 이 부분을 reload 시켜주기 위하여
goHome이라는 함수를 만들어 path가 홈일 때와 홈이 아닐 떄를 구분하여 home일 경우, reload될 수 있도록 go를 이용해주었다.