Author: web-admin

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

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

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

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

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

V-once This directive is not for everyday use like v-if, v-for, or v-model. It is a very targeted performance & optimization tool that says: “Render this element (and everything inside it) only once, when...

V-pre This directive is not something you use every day (unlike v-if, v-for, v-model, v-bind, @click…). It is a very targeted escape hatch that tells Vue: “Do not compile anything inside this element (or...

V-show This directive is very similar to v-if, but it solves the same problem in a completely different way, and knowing when to choose v-show over v-if (and vice versa) is one of the...

V-slot directive (often written with its beautiful shorthand #) This is the modern, official way (since Vue 2.6 / Vue 3) to work with slots — replacing the older slot=”name” and slot-scope syntax. v-slot...

V-text This directive is not one of the flashy ones like v-for, v-model or v-if — it doesn’t get much spotlight, but it solves a very specific, very real problem in a clean and...