route 갯수가 많을때 처리하는 방법
249
작성한 질문수 16
안녕하세요
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]
numberOfPages 결과 nan
0
424
2
todos 질문입니다.
0
293
2
작동은 되긴 하는데 해당 메세지는 왜 뜨는걸까요?
1
371
0
강의노트 문의
0
377
1
x-total-count 및 db.json id값 문제
0
920
1
개발툴 글자체, 크기, 색깔 세팅 문의
0
225
1
onMount 관련 강의가 몇강에 있었죠?ㅠㅠ
0
309
1
json server실행/중지 문의드립니다!
0
484
1
3:53 분에 HelloWorld 태그 인식을 못해서 오류 발생하비낟!
0
468
1
Composition API?
0
396
1
24강에서 computed의 종속성이 변경도록 return하는데, 그러면 computed가 다시 실행되나요?
0
398
1
구조가 다름...
0
486
1
59강 API body 질문입니다.
0
301
1
로그인과 같이 레이아웃이 완전 다른 페이지를 만들때는 router 를 어떻게 할까요?
0
439
1
vue CLI 설치 관련 문의드립니다.
0
591
1
31강 DB질문
0
419
1
to와 :to의 차이점
0
449
1
52강의 originalTpdp ref 와 todo ref
0
555
1
delete todo 함수를 prop으로 내려주지 않는 이유는 무엇인가요??
0
411
1
computed 와 검색 기능 추가 질문드려요.
0
446
1
[33강] pagination2 numberOfPages 호출
0
381
1
리렌더링 관련 질문
0
337
1
배포 관련 질문드립니다.
0
312
1
30강 질문드립니다.
0
222
1