인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

모시개님의 프로필 이미지
모시개

작성한 질문수

프로젝트로 배우는 Vue.js 3

45 To-Do 수정 페이지 route 추가

route 갯수가 많을때 처리하는 방법

작성

·

211

0

안녕하세요

 

45강에 보면 route추가가 있는데 여기에서 프로그램 내용은 아래와 같습니다

const router = createRouter({ history: createWebHistory(), routes: [ { path: '/', name: 'Home', component: Home }, { path: '/todos', name: 'Todos', component: Todos }, { path: '/todos/:id', name: 'Todo', component: Todo } ] });

현재 routes수가 3개인데 이게 50개정도가 되면 분리를 해야할것으로 판단되는데

어떻케 분리를 할수가 있나요

 

수고하세요

 

답변 1

0

코지 코더님의 프로필 이미지
코지 코더
지식공유자

파일을 만들어서 나눠 주시면 됩니다

예를 들어서 todo 관련된 route를 todo.js 파일을 만들어서 이 파일 안에 넣어주고 export를 해서 합쳐주시면 될 거 같네요

todo.js
export default [ 
       {
            path: '/todos',
            name: 'Todos',
            component: Todos
        },
        {
            path: '/todos/:id',
            name: 'Todo',
            component: Todo
        }
]

index.js
import todoRoutes from 'todo.js';
routes = [{ path: '/', name: 'Home', component: Home}];
routes = [...routes, ...todoRoutes]
모시개님의 프로필 이미지
모시개

작성한 질문수

질문하기