Vue.js Releases

Breaking Changes

• Global API restructured (createApp() replaces new Vue())
• v-model reworked (value/input → modelValue/update:modelValue)
• Filters removed — use computed properties or methods
• $listeners removed — merged into $attrs
• Event bus ($on/$off/$once) removed — use mitt or tiny-emitter
• Render function API changed (h() import instead of createElement parameter)
• Transition class names changed (v-enter → v-enter-from)
• Functional components syntax changed
• Vuex replaced by Pinia as recommended store

Migration Notes

Use the Migration Build (vue/compat) which runs Vue 3 but emulates Vue 2 behavior with deprecation warnings. Fix warnings one at a time. Largest effort: updating third-party libraries (Vuetify, Element UI, etc.) to Vue 3 compatible versions. Budget 2-4 weeks for a medium app.

Breaking Changes

• Generics in <script setup> components
• defineSlots() for typed slot definitions
• defineOptions() macro (no separate script block needed)
• Better defineModel() for two-way binding

Migration Notes

Mostly additive. No breaking changes. Update vue and toolchain packages. New features are opt-in.

Breaking Changes

• defineModel() stable (previously experimental)
• v-bind shorthand (:name instead of :name="name")
• Improved hydration mismatch errors for SSR
• Reactive props destructure (stable)

Migration Notes

Non-breaking release. Update packages. If you used experimental defineModel or reactive destructure, they are now stable with the same API.

Breaking Changes

• Reactive Props Destructure enabled by default
• useTemplateRef() replaces template ref casting
• useId() for SSR-safe unique IDs
• Deferred Teleport for rendering order control
• onWatcherCleanup() for cleanup logic

Migration Notes

Additive release. Reactive Props Destructure is now default (was opt-in). If you disabled it explicitly, remove the config override. useTemplateRef() is the new recommended pattern but old ref() approach still works.