[Vue] 뷰 router 4버전 설치 및 사용_ nested routes (5)

 

 

뷰.js 에서 사용하기

 

 

뷰의 router.js 의 children 에 

array로 적어주면 사용가능

 

const routes = [
  {
    path: "/detail/:id",
    component: DetailContent,
    children:[
      {
        path: "info",
        component:InfoPage
      },
      {
        path: "post",
        component:PostPage
      },
    ]
  },

];

 

주소/detail/10/info

주소/detail/100000/post

이런 주소 사용 가능😃

 

---

 

nested routes

 

nested routes 가 뭐냐면

하위 URL 경로를 가지는 라우트를 구성하는 것

 

티스토리 글쓰고있는 주소인데

주소/어쩌고/어쩌고   이렇게 되어있음

어쩌고~~ 가 하위 url 경로임

 

끗