The new version is currently in beta and only supports Vue 3 (for now). We are working on a new version of the Devtools with a new UI and refactored internals to support multiple Vue versions. The only breaking change is how the plugin is installed (opens new window). Vuex 4.0 provides Vue 3 support with largely the same API as 3.x.
Check out its migration guide (opens new window) for full details. Vue Router 4.0 provides Vue 3 support and has a number of breaking changes of its own.
You can upgrade vue-cli and run vue create to create a Vue 3 project today. # Vue CLIĪs of v4.5.0, vue-cli now provides the built-in option to choose Vue 3 when creating a new project. We intend to switch to latest once all the official libraries have compatible, stable versions. Most are currently distributed using the next dist tag on npm. You'll find details for the individual libraries below. They are no longer required with proxy-based change detection.Īll of our official libraries and tools now support Vue 3, but some of them are still in beta or release candidate status.
If you need to trigger on mutation, the deep option must be specified. When watching an array, the callback will only trigger when the array is replaced.now renders no wrapper element by default.The data option from mixins is now merged shallowly.The data option should always be declared as a function.Custom directive API changed to align with component lifecycle and binding.expression removed.Props default factory function no longer has access to this context.The beforeDestroy lifecycle option has been renamed to beforeUnmount.The destroyed lifecycle option has been renamed to unmounted.Special is attribute usage is restricted to the reserved tag only.Custom element checks are now performed during template compilation.$attrs now includes class and style attributes.$listeners has been removed / merged into $attrs.$scopedSlots property is removed and all slots are exposed via $slots as functions.Component events should now be declared with the emits option.Async components now require defineAsyncComponent method to be created.functional attribute on single-file component (SFC) and functional component option are deprecated.Functional components can only be created using a plain function.ref inside v-for no longer register an array of refs.v-on:event.native modifier has been removed.