inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

하이 오더 컴포넌트에서 사용할 ListView 컴포넌트 구현

Vue3에서 render

1363

알린이가젤좋아

작성한 질문수 4

6

 데이터는 잘 불러와지는데, 렌더가 작동이 안되다는 오류 메세지 때문에, 공식 문서에서 찾아보았습니다.
더 이상 render함수가 더이상 전달인자로 받지 않기 때문에 

import ListView from './ListView.vue'
import { h } from 'vue'


export default function createListView(name) {
return {
//재사용할 인스턴스(컴포넌트) 옵션들이 들어갈 자리
name : name,
created() {
this.$store.state.loading = true
this.$store.dispatch('FETCH_LIST', this.$route.name)
.then(() => {
console.log('success LIST')
this.$store.state.loading = false
})
.catch((error) => console.log(error))
},
render() {
return h(ListView);
}
}
 
}

h 를  'vue'에서 불러와서 사용하더라구요. 이때 h 는 어떤 역활을 해주게 되나요? 

위처럼 수정해서 정상적으로 화면에 표시 됩니다!

vuejs javascript

답변 2

1

캡틴판교

안녕하세요, h는 컴포넌트나 엘리먼트를 그려주는 API입니다. 아래 문서 참고해 보세요 :)

https://vuejs.org/api/render-function.html#h

0

김기주

화면을 그려주는 인자이면 vue3에서는 저렇게 처리하는게 맞는건가요?

 

깃 권한 요청 드립니다

0

68

1

깃 권한 신청

0

61

1

깃 권한 요청드립니다.

0

120

1

깃허브 권한 요청 드립니다

0

152

1

깃허브 권한 요청 드립니다

0

169

1

깃허브 권한 요청 드립니다

0

175

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

686

2

id ="app" 중복

0

277

2

use undefined 에러가 나옵니다.

1

329

2

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

1

366

2

권한요청드립니다.

1

304

2

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

1

441

2

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

1

314

1

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

1

253

1

vuex 적용시 질문

1

297

2

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

1

388

2

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

1

457

2

권한요청 드립니다!

1

275

2