render: h => h(App) 는 어떤 동작을 하는 것인가요?

17.09.07 02:48 작성 조회수 379

main.js에 보면 new Vue({ el: '#app', render: h => h(App) }) 가 있는데요. 여기서 render: h => h(App) 이 어떤 동작을 하는 것인지 궁금합니다~

누구나 다루기 쉬운 Vue.js 입문 - 3시간 안에 배우기

[퀴즈] .vue 파일에서 컴포넌트 등록하기 퀴즈 풀이

강의실 바로가기

답변 1

답변을 작성해보세요.

장기효(캡틴판교)

2017.10.13

제가 질문을 이제서야 확인했네요... render: h => h(App) 는 Vue.js의 기본적인 render function 동작을 ES6 문법으로 간소화 한것입니다. 아래 이미지 설명을 보시죠.

그리고 아래 코드를 확인해보세요. https://jsfiddle.net/Captain_Pangyo/ugmt27Ln/

Jayden

2021.04.12

이미지가 안보여요 ㅠㅠ

장기효(캡틴판교)

2021.04.13

헛 Jayden님, 이미지 대신에 위 링크에 있는 코드만 보셔도 괜찮을 것 같아요 :)