Category: Vue

0

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

0

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

0

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

0

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

0

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

0

Chapter 76: Vue v-else-if Directive

V-else-if This directive is only meaningful when it comes right after a v-if (or another v-else-if), and it lets you create clean, chained conditional blocks without nesting a bunch of v-ifs inside each other...

0

Chapter 77: Vue v-else Directive

V-else This directive has no argument, no condition, no value — it simply means: “If none of the previous v-if or v-else-if conditions were true → render this block.” It is the default fallback...

0

Chapter 78: Vue v-memo Directive

V-memo directive Introduced in Vue 3.2 (October 2021) and still underappreciated in 2026, v-memo is the Vue equivalent of React’s React.memo + useMemo combined, but in a much more surgical, template-level way. It is...

0

Chapter 79: Vue v-model Directive

V-model This is the directive that makes form handling in Vue feel almost too easy — it is the reason many developers fall in love with Vue in the first 10 minutes. v-model is...

0

Chapter 80: Vue v-on Directive

V-on (99% of the time written with its beautiful shorthand: @) This directive is Vue’s official way to listen to DOM events (click, submit, keyup, mouseenter, change…) and custom events emitted from child components....