vue4(router childeren-라우터 중첩)

router 중첩

: 상위-하위 컴포넌트 설정해서 고정적인 UI 부분은 상위 컴포넌트에 두고, 변동있는 UI부분은 하위(children) 컴포넌트로 둬서 필요한부분만 렌더링!효율적임

 

{
        path: '/notice',
        component: () => import('./views/notice'),
        children: [
          {
            path: 'chart',
            component: () => import('./views/notice/chart'),
          {
            path: 'table',
            component: () => import('./views/notice/table'),
        ]
      },