inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

하이 오더 컴포넌트가 적용된 앱 구조 설명 및 흐름 정리

선생님 라우터에서

해결된 질문

257

hyun park

작성한 질문수 9

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
 
선생님 라우터에서 component: 부분에서 하이오더 컴포넌트 호출할때요. 매개변수로 name을 안넘겨줘도 값이 제대로 나옵니다. 하이오더 컴포넌트에서도 name을 받지 않아도 어차피 this.$route.name으로 분기 처리를 해서 알아서 구분해 주기 때문에 name으로 매개변수를 받지 않아도 됩니다.
굳이 받으신 이유가 있나요?
 
저렇게 하면 개발자도구 vue에서 하이오더 컴포넌트가 이름이 없고
Anonymous Component로 바뀌기는 합니다. 추후에 유지보수 차원에서 누가 보냈는지 개발자 도구에서 확인하기 위해서 써주신 건가용?
 
routes > index.js
 {
    path: '/newsView',
    name: 'news',
    //component: NewsView
    component: createListView(),
  },
  {
    path: '/jobsView',
    name: 'jobs',
    //component: JobsView
    component: createListView(),
  },
  {
    path: '/askView',
    name: 'ask',
    //component: AskView
    component: createListView(),
  }
 
 
 

vuejs javascript

답변 1

0

캡틴판교

네 현님, 명시적인 것과 묵시적인 것의 차이일 것 같아요. 특정 값이 어디서 왔는지 명확하게 명시해 주는 것이 흐름을 따라가기가 좋을 것 같습니다. 근데 말씀하신 것처럼 라우터의 name을 바로 받으셔도 크게 상관은 없으세요!

0

hyun park

선생님 +_+ 정말 이해하기 쉽게 설명해 주셔서 감사합니다.!!!

깃 권한 요청 드립니다

0

68

1

깃 권한 신청

0

61

1

깃 권한 요청드립니다.

0

120

1

깃허브 권한 요청 드립니다

0

150

1

깃허브 권한 요청 드립니다

0

168

1

깃허브 권한 요청 드립니다

0

174

1

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

0

158

1

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

0

213

1

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

0

217

1

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

0

238

1

Vue3로 진행중입니다

1

341

1

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

1

512

1

vue3 에러 메세지...

1

682

2

id ="app" 중복

0

277

2

use undefined 에러가 나옵니다.

1

328

2

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

1

366

2

권한요청드립니다.

1

303

2

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

1

441

2

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

1

309

1

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

1

252

1

vuex 적용시 질문

1

294

2

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

1

387

2

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

1

457

2

권한요청 드립니다!

1

275

2