← Alle aantekeningen
Web dev

Vue 3.6 RC: Vapor Mode is af — de virtuele DOM wordt optioneel

DV
Daan Visser30 juli 2026 · 2 min lezen

Vue 3.6 bereikte op 18 juli de RC-fase, met Vapor Mode feature-complete. Het is de grootste architectuurwijziging aan Vue's rendersysteem in jaren: voor componenten die ervoor kiezen, verdwijnt de virtuele DOM volledig uit de vergelijking. RC.2 volgde op 22 juli; een stabiele release wordt ergens in het najaar verwacht.

De virtuele DOM, optioneel gemaakt

De frameworks die de virtuele DOM populariseerden werken via een snapshot-vergelijking: state verandert, er wordt een nieuw virtueel DOM-model gegenereerd, en het verschil met het vorige model wordt doorgezet naar het echte DOM. Dat werkt uitstekend, maar brengt overhead mee. Vapor Mode compileert Vue-templates direct naar imperatieve DOM-operaties: een state-update raakt precies de betreffende DOM-nodes, zonder indirecte laag ertussen. Bundles worden 20 tot 50% kleiner voor Vapor-only componenten; de prestaties liggen in benchmarks op lijn met Solid.js en Svelte 5.

Opt-in en incrementeel

Het ontwerp kiest bewust voor geleidelijkheid. Vapor is per component opt-in — een Vapor-component werkt naast gewone Vue 3-componenten zonder verdere aanpassing. Je kunt beginnen met één prestatiegevoelige pagina of nieuwe feature, meten, en van daaruit opschalen. De Options API wordt niet ondersteund; Vapor werkt met template-only SFCs en `<script setup>`. Een bestaande Composition API-codebase kan de stap zetten zonder zijn logica te herschrijven.

De reactivity-rewrite als bonus

Naast Vapor Mode heeft het Vue-team ook het `@vue/reactivity`-pakket volledig herschreven op basis van alien-signals: een signals-implementatie met minder overhead, betere schaalbaarheid bij zware component-trees en lager geheugengebruik. Dit geldt ook zonder Vapor — iedereen op Vue 3.6 profiteert van de rewrite.

Onze kijk

Vapor Mode maakt de virtuele DOM optioneel, niet overbodig. Dat is een slimmere zet dan een harde breuk. De adoptie-route is laagdrempelig en omkeerbaar, het bestaande mentale model van Vue verandert niet, en het performance-voordeel is meten-en-beslissen in plaats van alles-of-niets. Als je Vue gebruikt voor interfaces waar elke milliseconde telt, is er nu een goede reden om de RC te verkennen.

Een build in gedachten?Compileer je idee →