반응형
Vue 3의 템플릿 렌더 대 렌더 함수 h()
Vue 3(또는 composition-api)의 템플릿 렌더링에 대해 어떻게 생각하십니까? 특히 얼마나 빠르고 가볍다고 생각하십니까?
후드 아래에 간단한 구성요소(ui-box, ui-button 등)로 사이트 생성자를 만든다.Vue 2에서는 대부분 렌더링 기능이 있는 기능 구성 요소를 사용하여 렌더링을 훨씬 빠르고 가볍게 만들어 현장에 이러한 구성 요소가 현장에 많이 있을 것으로 예상되기 때문이다.내가 Vue 3에서 알고 있듯이 템플릿 렌더링이 더 빠르고 성능이 더 좋아질 것이다.
어떻게 생각하세요?Vue 3이 오더라도 h()를 사용해야 하는가, 아니면 일반적인 템플릿 렌더를 사용할 수 있는가?
렌더 기능의 유연성은 그들에게 많은 힘을 주지만, 그들의 긴요한 성질은 그들을 (자동적으로) 최적화하기 어렵게 만든다.개인적으로 Vue 3을 사용할 때 가상 DOM 분산 최적화 때문에 가능하면 템플릿을 사용한다.내가 찾아낸 좋은 개요는 에반 유(Evan You) 입니다.
가장 좋은 방법은 두 가지 모두를 벤치마킹하고 성능을 확인하는 겁니다.Vue.js Devtools
이 일에 큰 도움이 된다.
참조URL: https://stackoverflow.com/questions/59233378/template-render-vs-render-function-h-in-vue-3
반응형
'programing' 카테고리의 다른 글
Bulma의 Navbar-buger는 Vue.js 2의 메뉴 항목에 연결되지 않음 (0) | 2022.04.12 |
---|---|
vueJS 변환 회전 스타일 인라인 (0) | 2022.04.12 |
VueJs 앱에서 Firebase로 이미지 업로드 (0) | 2022.04.12 |
VueX 상태에서 값을 직접 설정하는 방법 (0) | 2022.04.12 |
Azure Web App에서 Vue Router HTML5 History 모드를 사용한 URL 재작성 문제 (0) | 2022.04.12 |