선생님 안녕하세요. vue 강의 듣고나서 개인적으로 유튜브 카피 사이트를 만들어보고 있습니다.
배웠었던 컴포넌트와 라우터를 활용하여 구현하고 있었는데요.
구조를 대략 설명드리자면 App.vue/Home.vue/Card.vue/Detail.vue 총 네 개 입니다.
Home.vue를 만들어 거기에 Card 컴포넌트를 추가해서 구현했는데
강의에서 배운 더보기 버튼 axios를 Home.vue에 구현하다 안되길래
App.vue에 해보니까 되더라구요..
<div class="container mt-5">
<router-view :영상들="영상들"></router-view>
<div class="row row-cols-1 row-cols-md-3">
<Card :영상들="영상들[i]" v-for="(a,i) in 영상들" :key="i"/>
</div>
</div>
App.vue의 일부입니다.
axios 구현 때문에 Home.vue에 있던 Card 컴포넌트를 App.vue로 뺀 상황인데요
이 과정에서 Detail 페이지 밑에 Card 컴포넌트 내용이 그대로 들어가는 현상이 생기는데,
Detail 페이지에서는 Detail 페이지 내용만 볼 수 있게 한다던가, axios를 App.vue 외의 컴포넌트에서 사용할 수 있는 방법 등이 있을까요??
