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!!