What’s New in Vue 3:
TypeScript & Modularized internals
Proxy-based Reactivity System
Compiler-informed Virtual DOM &SSR
New single-file Component improvement
Multi root components(Fragments)
Emits Component Option
createRenderer API from @vue/runtime-core (opens new window)to create custom renderers
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…
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…