inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

[실습 안내] Mixin 적용 후 HOC 구조와 비교

HOC 와 Mixin에 관련하여 궁금한 것이 있습니다

385

ukjae lee

작성한 질문수 3

10

HOC를 사용하게 되면 ListView를 렌더링에 넣어서 때문에 Mixin보다 레벨이 한 단계 더 깊어진다고 말씀 하셨는데 

그러면 아래 랜더에 ListView 대신에

export default function createListView(name) {
return {
name,
created() {
bus.$emit('start:spinner')
this.$store.dispatch('FETCH_LIST', this.$route.name)
.then(() => {
console.log('fetched')
bus.$emit('end:spinner')
})
.catch(error => {
console.log(error)
})
},
render(createElement) {
return createElement(ListView)
}
}

}render(createElement) {

return createElement(ListItem) 을 넣으면 Mixin하고 컴포넌트 간의 레벨이 같아지는데.

만약에 이렇게 하게되면 어떤 문제점이 있는지 궁금합니다.

 

vuejs javascript

답변 4

4

swgoodcode

저도요

3

김예란

저도 궁금합니다. mixin에서 hoc처럼 사용해버려도 괜찮은건가요? 둘이 레벨이 깊어짐의 차이말고 각각의 장점과 사용하는 용례를 알려주셨으면 좋겠습니다.

3

linux-s

저도 궁금... 답변이 안달리네요

2

Soyoung Park

저도 궁금합니다.

깃 권한 요청 드립니다

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