Что такое виртуальный DOM в Vue и как он работает?

Виртуальный DOM (VDOM) -- это легковесная JavaScript-копия реального DOM. Вместо прямой манипуляции с DOM (что дорого), Vue создаёт дерево VNode-объектов, при изменении данных строит новое виртуальное дерево, сравнивает его со старым через алгоритм diff и применяет к реальному DOM только минимальный набор изменений (патчей). Это быстрее, чем пересоздавать DOM целиком.