fastpi
-
Day 3: Vue 라우터 설정하기 – 페이지 간 이동하기21일오블완챌린지_vue.js와fastapi로 만드는 웹 주문 시스템 2024. 11. 10. 07:18
오늘은 Vue 라우터를 설정하여 페이지 간의 네비게이션을 가능하게 만들고, 앱에 주문 페이지와 주문 확인 페이지를 추가해보겠습니다. 라우터는 SPA(Single Page Application)에서 중요한 요소로, 사용자가 앱에서 페이지를 이동하는 것처럼 보이게 하면서도 실제로는 같은 HTML 페이지 안에서 컴포넌트만 전환하는 방식으로 작동합니다.1. 라우터 설정 파일 만들기index.js 파일에 기본 라우터 설정을 작성합니다.OrderForm: 기본 경로(/)에서 주문 폼을 보여줍니다.OrderConfirmation: 주문 확인 페이지(/confirmation)로 이동하면 주문이 완료되었음을 알리는 화면을 보여줍니다.import { createRouter, createWebHistory } from "v..