[Vue] Nested Routes
vue-router에서 중첩된 routes를 만들고 싶을 때는 Nested Routes 방식을 사용할 수 있습니다. 아래 코드처럼 기본에 routes 설정하듯이 path와 component를 설정해 주고,추가로 children이라는 배열을 추가해서 그 안에 동일하게 path와 component를 설정해 주면 됩니다.const routes = [ { path: '/user/:id', component: User, children: [ { path: 'profile', component: UserProfile, }, { path: 'posts', component: UserPosts, }, ], }..
2024. 4. 27.
[Vue] Vue-Router (404 처리, URL 파라미터, $router)
1️⃣ 404 페이지 처리하는 방법: path에 사용자 정의 정규식을 사용하여 처리할 수 있습니다./routes/router.jsimport { createWebHistory, createRouter } from "vue-router";import Home from "../pages/Home"import List from "../pages/List"import Error from "../pages/Error"const routes = [ { path: "/", component: Home, }, { path: "/list", component: List, }, { path: "/:catchAll(.*)", // 사용..
2024. 4. 27.
