[상황]
카테고리를 선택함에 따라 주소는 변경되지만 컴포넌트 내용이 바뀌지 않는다.
[시도 1] console로 모두 출력해보기
[결과 1]
=> 카테고리를 바꾸어도 처음 누른 카테고리의 값만 출력이 될 뿐, 아무것도 출력되지 않았다.
[해결 방법] watch에 $route 넣기
"주소값이 변경될 때마다 동영상을 가져오는 작업을 하면 되지 않을까?"
이런 생각으로 서치를 하다가 javascript의 watch
를 알게되었다.
watch는 지정한 대상의 값이 변경될 때마다, 정의한 함수가 실행되도록 해주는 역할이다.
watch에 $route값이 변경될 때마다 해당 장르에 해당하는 영상을 가져오는 작업을 요청했다.
response.data
로 해당 장르의 영상이 담긴 리스트가 반환되면
그 값을 data
에 선언된 musics:[]
에 담아주었다.
[결과]
선택한 카테고리에 맞는 영상들이 잘 출력된다.
이게.. 안되서 며칠을 삽질 했다. ༼;´༎ຶ ༎ຶ`༽ 우어어