Soy un estudiante y estoy tratando de crear un DOM virtual propio para mi proyecto universitario (no tendrá ninguna función avanzada como accesorios o eventos, lo mantendré simple) en JavaScript como otros marcos famosos React, Vue y otros.
Solo quiero saber eso cuando tenemos varios archivos de código (división de código). Si realizo un cambio en cualquier elemento secundario profundo, entonces necesito comparar el DOM virtual completo (incluidos todos los elementos secundarios y principales) o solo necesito comparar solo esos elementos secundarios.
Si tengo que comparar el nuevo DOM virtual completo (incluidos todos los niños) con el DOM virtual anterior. Entonces, ¿por qué debería importarme volver a renderizar en React o Vue (porque cualquier cambio en el niño obligará al marco a comparar Virtual DOM completo)
Para Vue, el funcionamiento del DOM virtual difiere en vue2 y vue3.
La forma en que vue3 lo hace es,
dynamicData = { data1: [ effect1, effect2, ... ], data2: [ effect4, effect5, ... ], ... }
Referencias:
La respuesta a su último punto, como deduzco de mi experiencia con React, es que comparar DOM virtuales en Javascript es lo que ayuda a reaccionar a saber qué cosas tiene que volver a renderizar en el DOM real, por lo que la "renderización" es la difícil. parte en la que el rendimiento de la aplicación se ve afectado. Con suerte, esto ayudaría.