데이터 조회에 대해서 궁금증이 생겨서 질문 드립니다!

Question

해당 강의에서는 Detailpage를 수정폼을 담는 페이지로 사용했는데, 조회 페이지에 대한 궁금증이 생겨서 문의 드립니다. 보통 메인이 되는 게시판에서 v-for로 내린 하나의 게시글을 보기위해서 router-link를 통해서 detailpage로 가면 props로 내려준 데이터를 표기할텐데, 그냥 주소창에 해당 게시글 번호를 치고 들어가도 그 props를 받아올 수 있나요? 혹시 이런 상황들을 실무에서는 어떻게 처리하는지 궁금합니다

캡틴판교 · Answer

안녕하세요 마켓오님, 굉장히 좋은 질문입니다 :) 말씀하신 것처럼 실 서비스에서는 URL로 바로 상품 번호를 치고 들어갈 수 있도록 설계하는 게 더 높은 사용성을 제공할 수 있는데요. 예를 들면, /products/1  이라는 URL을 입력 받았을 때 라우터에서 아래와 같이 처리하면 됩니다. {   path: '/products/:id',   component: '...' } 이 때 저 ID를 $route에서 접근하실 수 있는데요. props로도 받는 옵션이 있습니다. 관련해서는 아래 링크 참고해 보시면 좋을 것 같습니다. 수강해 주셔서 감사합니다 :) https://router.vuejs.org/guide/essentials/passing-props.html#passing-props-to-route-components