Author: web-admin

Vue Instance Options (also called Options API, component options object, or simply the options object) This is the classic way of defining a Vue component — the way Vue started, the way millions of...

The data option This is the original, classic way to define local reactive state in a Vue component — the way Vue worked from day one (Vue 1 → Vue 2 → early Vue...

The methods option This is the original, classic way to define functions (methods) inside a Vue component — the way Vue worked from the very beginning (Vue 1 → Vue 2 → early Vue...

The computed option This is the original, classic way to define derived / calculated values that automatically stay in sync with other reactive data. It is still extremely common in legacy codebases, in many...

The watch option This is the original, classic way to react to changes in reactive data (props, data, computed properties, etc.). Even in 2026 — when almost every new project uses <script setup> +...

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

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

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

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

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