Что такое VNode в Vue и как он устроен?

VNode (Virtual Node) -- это JavaScript-объект, описывающий DOM-элемент или компонент. Это единица Virtual DOM. У него есть type (тег или компонент), props (атрибуты и обработчики), children (потомки), key и внутренние поля для оптимизаций (patchFlag, shapeFlag, dynamicChildren). Vue создаёт дерево VNode при рендере, а потом патчит реальный DOM, сравнивая старое и новое дерево.