What to expect in the coming major release of Vue.js 3.0.?
High-level API changes
â—? Template syntax will not see much changes, except some tweaks in the scoped slots syntax. â—? Vue.js 3.0 will come with native support for class-based components.
High-level API changes
â—? The Vue.js 3.x codebase will be written in TypeScript, providing improved support for TypeScript.
Cleaner and more maintainable source code architecture To make contributing to Vue.js easier, Vue.js 3.0 is being re-written from the ground up for a cleaner and more maintainable architecture. To do this, the developers are breaking some internal functionalities into individual packages to isolate the scope of complexity. For example, the observer module will be converted to its own package, with its own public API and tests.
Proxy-based observation mechanism
Vue.js 3.0 will come with a Proxy-based observer implementation that provides reactivity tracking with full language coverage. This aims to eliminate a number of limitations of the current implementation of Vue.js 2, which is based on Object.defineProperty:
Proxy-based observation mechanism
● Detection of property addition or deletion ● Detection of Array index mutation or .length mutation ● Support for Map, Set, WeakMap and WeakSet
Smaller runtime
The new codebase is designed to be tree-shaking friendly. The built-in components and directive runtime helpers will be imported on-demand and are tree-shakable.
Improved performance
On initial benchmarks, the developers are observing up to 100% performance improvement across the board. Vue.js 3.0 will reduce the time spent in JavaScript when your app boots up.
Custom Renderer API
Using this API you will be able to create custom renderers. With this API, it will be easier for the render-to-native projects like Weex and NativeScript Vue to stay up-to-date with upstream changes. This API will also make the creation of custom renderers for various other purposes trivially easier.
THANK YOU!!