Vue.js: Vapor Mode's Interop Growing Pains
Two fixes landed today addressing gaps between Vue's new Vapor mode and its traditional virtual DOM behavior, one in transitions and one in custom directives, both tracing back to slot and fragment root edge cases.
Duration: PT2M5S
Episode overview
This episode is a short developer briefing from Vue.js.
It explains recent repository work in plain language.
- Show: Vue.js
- Published: 2026-07-25T13:09:14Z
- Audio duration: PT2M5S
Transcript excerpt
This excerpt keeps the crawler page concise. Listen to the episode or use the RSS feed for the full update.
Good day, and welcome to the Vue.js briefing for July 25th, 2026.
Today's theme is clear: as Vapor mode matures, the team is hunting down places where it doesn't yet behave like the virtual DOM developers are used to, and both of today's fixes trace back to that gap.
First, PR 15159 from edison1105 fixes transitions on virtual DOM slot content when it's rendered inside a Vapor component. Closing issue 15155, this change makes slot output go through the same child selection and transition setup that base transition already uses, so enter and leave animations fire correctly, even…
Second, PR 15158 from liangmiQwQ tackles custom directives on fragment roots in Vapor mode. Closing issue 15157, the fix makes the vapor directives helper track updates to a fragment's root element and apply directives dynamically, matching how virtual DOM already handles this. Notably, this one was generated with…
The throughline here: Vapor mode's compatibility layer with virtual DOM, sometimes called vdom interop, is still catching edge cases around slots, fragments, and dynamic behavior. Both fixes are narrow in scope but point to the same underlying challenge, making two rendering models feel identical…
Wh…
Nearby episodes from Vue.js
- Custom Element Mount Order Fix
- Vapor Hydration and Attribute Fixes
- Vapor Mode's Suspense Boundary Problem
- Vapor Mode's Nuxt Reckoning
- Vapor Mode Hardens Its Edges
- Weekly Recap - Hydration Hardening and Reactivity Edge Cases
- Tightening Correctness Across Tooling and Runtime
- Type System Tightens Up, Resource Props Get Smarter