저는 학생이고 다른 유명한 프레임워크인 React, Vue 등과 같이 대학 프로젝트를 위해 나만의 가상 DOM을 만들려고 합니다(소품이나 이벤트와 같은 고급 기능이 없으므로 간단하게 유지하겠습니다). . 같은.
여러 코드 파일(코드 분할)이 있는 경우를 알고 싶습니다. 깊은 하위 요소를 변경하는 경우 전체 가상 DOM(모든 하위 요소 및 상위 요소 포함)을 비교해야 합니까, 아니면 해당 하위 요소만 비교해야 합니까?
완전한 새 가상 DOM(모든 하위 항목 포함)을 이전 가상 DOM과 비교해야 하는 경우. 그렇다면 React 또는 Vue에서 다시 렌더링하는 데 왜 관심을 가져야 합니까(하위 항목을 변경하면 프레임워크가 전체 Virtual DOM을 비교하게 되므로)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vue의 경우, Virtual DOM은 vue2와 vue3에서 다르게 작동합니다.
vue3의 접근 방식은
참조: