inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

라우터 설치 및 라우터 구현

router 폴더 질문입니다.

327

우왕

작성한 질문수 6

1

예를들어서 회원관련,  마이페이지 관련 등등으로 router 폴더 아래에 폴더 또는 js 파일을 추가하고 싶은데요, 구글검색에 어떤 키워드로 검색해야할지 알려주실 수 있나요?

+)router 분기처리 내용으로 구글 검색 해보니, express로 예제들이 보이는데 그 외에도 방법이 있을까요?

++)router > index.js에서 const 변수로 분류하려 하는데, export default에서는 하나의 변수만 가능한것 같습니다..

    (예) const indexRouter ={()}; ... export default indexRouter

+++) router 폴더에 관련 js들을 만들고, index.js에 import해서 routes: concat으로 import한 js들 선언한것을 넣어줬더니 동작을 하긴합니다.. 결과는 나오긴 했는데.. 좀 더 나은 방법을 알고싶습니다

vuejs javascript

답변 2

0

우왕

안녕하세요! 

routes 폴더

 - 기준이 되는 index.js

- 회원관련 member.js

- 게시판 관련 board.js

이런 형태로 하고싶었습니다 ㅎㅎ

index.js에 routes: [].concat(boardRouter, memberRouter)

이런식으로 선언해주었더니 정상 작동은 합니다만, 더 나은 방법이 있을까해서 여쭤보았습니다!

0

캡틴판교

안녕하세요 우왕님, 제가 확인이 늦었네요 :)

routes 폴더 아래에 파일을 추가하신 다는 말씀이 아래와 같은 구조를 말씀하시는 건가요? :)

- routes

  - index.js

  - routes.js

  - etc.js

라우터 구조 관련해서는 아래 링크 참고해보시면 재밌는 내용들이 좀 있을 겁니다 :)

https://github.com/chrisvfritz/vue-enterprise-boilerplate

그리고 라우터 분기 처리라고 말씀하시는 부분이 제가 잘 이해가 안되어서.. 상황을 좀 더 구체적으로 적어주시면 확인하고 댓글 남길게요 :)

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

161

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

208

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

437

2

코드가 정상 작동 되는건지 ...

1

303

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

385

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

455

2

권한요청 드립니다!

1

275

2