Web/vue.js
[vue.js] 동적 라우팅 - 공공데이터 지수 상세정보
0. 목적 -. vue의 동적 라우팅 (dynamic routing) 기능을 이용해, 개별 주식의 상세 페이지를 만들어본다. -. 앞 포스팅에서 만든 주가지수 카드 목록에 각각 링크를 삽입하여 개별 지수의 상세 정보를 출력하는 페이지를 만든다. 1. 동적 라우팅 (Dynamic routing) -. 동적 라우팅은 다양한 데이터 (여기서는 서버에서 보내주는 지수 목록)에 대해 능동적으로 상세 uri를 만들어 줄 수 있게 한다. 구글 검색하면 아래와 같이 개념도를 볼 수 있다. 2. 실습 -. vue 에서도 당연히 동적 라우팅을 구현할 수 있는데, 우선은 개별 지수에 대한 정보 페이지를 꾸려보자. 1) 우선은 정적 라우팅 연습 -. 개별 지수 페이지는 'StockDetail.vue'파일에 만들었다. {{ s..
2022. 1. 20. 15:18
최근댓글