Vue를 사용하여 단일 파일 구성 요소에서 render 메서드 호출

Question

Vue 구성 요소에 사용자 지정 렌더링 메서드가 있습니다. 그러나이 메소드는 호출되지 않습니다.

<template> 
    <div class="guide"></div> 
</template> 

<script> 
export default { 
    name: 'guide', 
    render: function(createElement){ 
    return createElement('div', 'this will never get called?'), 
    }, 
}; 
</script> 

단일 파일 구성 요소에 대한 설명서를 검토했지만 render() 관련주의 사항은 언급하지 않습니다. 이 방법을 호출하는 또 다른 방법이 있습니까?

Answer 1

ABDEL-RHMAN이 제안했듯이 템플릿을 제거하면 코드가 작동합니다. <template>은 render 메소드를 무시합니다. 실제 작업 예 :

<script> 
export default { 
    name: 'guide', 
    render: function(createElement){ 
    return createElement('div', 'this will get called?'), 
    }, 
}; 
</script>