🚩fliter함수 사용해서 거르기
<router-link :to="`/${type}/${item.id}?type=${type}`">
🚩 router에 포함된 type으로 연결해주기
<router-link :to="`/${$route.query.type}/${item.id}?type=${$route.query.type}`">
→ 20개 이상 보여주기
🚩 RatingMovie
methods: {
async getLoadData() {
const rates = await axios({
method: 'get',
url: `https://api.themoviedb.org/3/movie/top_rated?api_key=075ec9542e8f0d1c7b9364e54d4351d8&page=${this.page}`,
});
if (this.page === 1) this.movieRatingList = rates.data.results;
else
this.movieRatingList = [...this.movieRatingList, ...rates.data.results];
console.log(this.movieRatingList);
},
nextPage() {
this.page = this.page + 1;
this.getLoadData();
},
},
→ …this.movieRatingList 와 …rates.data.results
…문법은 rest parameter와 spread operator 라고 불리고, ‘three dots’라고 검색한다.
🚩 infinite scroll 레퍼런스 참고해서 구현해보기
→ dropdown menu
