What’s new in Vue 3

Released on September 18, 2020, Vue 3 introduces significant enhancements and new features to the Vue framework, aimed at improving performance and developer experience. Key improvements include a 55 percent increase in overall performance, faster updates by 133 percent, and reduced memory usage, achieved through a complete rewrite of the DOM implementation using TypeScript. Vue 3 also supports tree-shaking to minimize build size and introduces the Composition API, which provides a more flexible alternative to the Options API while maintaining backward compatibility. New features like Teleport allow rendering HTML in different places in the DOM, and support for fragments enables multi-root node components. The improved TypeScript support allows for automatic generation and testing of type definitions, supporting both JavaScript and TypeScript for app development. While several breaking changes are introduced, such as updates to global and internal APIs, Vue 3 also brings experimental features like Suspense for conditionally rendering content during asynchronous operations. For existing Vue 2 projects, a migration guide and tools are provided to assist in transitioning to Vue 3, with an 18-month long-term support plan for Vue 2.