What’s New in Vue 3:

More Maintainable
TypeScript & Modularized internals

Faster
Proxy-based Reactivity System
Compiler-informed Virtual DOM &SSR

Smaller
Tree-Shaking
Compile-time flags

Scales Better
Composition API

Better DX
New single-file Component improvement

Some of the new features to keep an eye on in Vue 3 include:

Composition API
Teleport
Multi root components(Fragments)
Emits Component Option
createRenderer API from @vue/runtime-core (opens new window)to create custom renderers

Composition API:

It’s a completely new approach to logic reuse and code organization. Creating Vue components allows us to extract repeatable parts of the interface coupled with its functionality into reusable pieces of code. This alone can get our application pretty far in terms of maintainability and flexibility. However, our…


Definition:

Lifecycle hooks allow you to know when your component is created, added to the DOM, updated, or destroyed. In Vue JS all lifecycle hooks automatically have this context bound to the instance, so that you can access data, computed properties, and methods.

Lifecycle hooks are a window into how the library you’re using works behind-the-scenes.

Essentially, each main Vue lifecycle event is separated into two hooks that are called right before that event and then right after. There are four main events (8 main hooks) that you can utilize in your Vue app.

Creation Hooks Mounting Hooks Update Hooks Destruction…

Vinay Singh

Software Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store