Chapter 66: Vue $emit() Method
The $emit() method (in modern Vue 3 with <script setup> it’s usually just called emit()) This is the official, recommended way a child component tells its parent that “something happened”. In Vue we follow...
Author: web-admin
Chapter 67: Vue $forceUpdate() Method
This.$forceUpdate() (Options API) or instance.proxy.$forceUpdate() / getCurrentInstance().proxy.$forceUpdate() (Composition API) This method is not part of the Composition API philosophy, and in modern Vue 3 code written with <script setup>, you almost never need it...
Chapter 68: Vue $nextTick() Method
NextTick() (often written as $nextTick() in Vue 2 / Options API, or just nextTick() in modern Vue 3 + <script setup>) This tiny function is the #1 tool you reach for when you need...
Chapter 69: Vue $watch() Method
Watch()). This is the tool you reach for when you want to run some code automatically every time a specific piece of reactive data changes. It’s like saying: “Hey Vue, please keep an eye...
Chapter 70: Vue Directives
Vue Directives, one of the most iconic, most loved, and most instantly recognizable features that makes Vue feel like “HTML on steroids”. Vue Directives are special attributes that start with v- (like v-if, v-for,...
Chapter 71: Vue v-bind Directive
V-bind (almost always written with its shorthand 🙂 is the directive that lets you dynamically bind values to HTML attributes, props, or even special Vue features. Without v-bind, everything in your template would be...
Chapter 72: Vue v-cloak Directive
V-cloak This is not a flashy directive like v-for or v-model — it’s a tiny helper that solves one very specific but very visible problem: The “Flash of Uncompiled Mustache” (also called FOUC —...
Chapter 73: Vue v-for Directive
V-for This is the directive you use to loop over arrays or objects and render a block of template for each item — exactly like a for…of loop in JavaScript, but declaratively inside HTML....
Chapter 74: Vue v-html Directive
V-html This directive is not like v-if, v-for, or v-model — it’s in a completely different league because it can either be extremely useful or extremely dangerous (XSS security hole) depending on how you...
Chapter 75: Vue v-if Directive
V-if This is the directive you reach for whenever you want to conditionally render (or completely remove) an element or block of template based on a JavaScript expression. It’s not the same as v-show...
