Chapter 91: Vue ‘props’ Option
The props option This is the official, clean, safe way to pass data from parent to child component — the primary mechanism for parent → child communication in Vue. Even in 2026 — when...
Category: Vue
Chapter 92: Vue ’emits’ Option
The emits option This is the official, clean, declarative way to tell Vue (and other developers reading your code): “These are all the custom events that this component might emit to its parent.” In...
Chapter 93: Vue ‘expose’ Option
The defineExpose macro (often just called the expose option or expose API) This is not an option like props, data, computed or methods in the old Options API. It is a special macro (a...
Chapter 94: Vue Lifecycle Hooks
Vue Lifecycle Hooks These are special named functions (or callbacks) that Vue automatically calls at very precise moments during the life of a component instance — from creation → mounting → updating → destruction....
Chapter 95: Vue ‘beforeCreate’ Lifecycle Hook
BeforeCreate This is the very first lifecycle hook that Vue calls when it starts creating a component instance — and in modern Vue 3 + <script setup> code (2026 standard), almost nobody uses it...
Chapter 96: Vue ‘created’ Lifecycle Hook
Created This hook is the second step in the component lifecycle (right after beforeCreate), and in the old Options API it was one of the most commonly used hooks. In modern Vue 3 +...
Chapter 97: Vue ‘beforeMount’ Lifecycle Hook
BeforeMount This hook sits in a very sweet spot in the lifecycle — it is the last moment you can run code before Vue actually renders the component into the real DOM and before...
Chapter 98: Vue ‘mounted’ Lifecycle Hook
Mounted This is the hook that almost every Vue developer reaches for first when they need to do anything that requires the real DOM to exist. In modern Vue 3 + <script setup> (2026...
Chapter 99: Vue ‘beforeUpdate’ Lifecycle Hook
BeforeUpdate This hook is not one you reach for every day (unlike onMounted or onBeforeUnmount), but when you do need it, it solves a very specific problem that no other hook can solve cleanly....
Chapter 100: Vue ‘updated’ Lifecycle Hook
Updated (or its modern Composition API name onUpdated) This hook is not one you reach for every day (unlike onMounted or onBeforeUnmount), but when you do need it, it solves a very specific problem...
