인프런 커뮤니티 질문&답변
작성한 질문수
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]