Chapter 46: Vue ‘key’ Attribute
The :key attribute (also written as v-bind:key or just key=”…”) If you forget :key (or use a bad one) in certain situations, Vue will give you very strange bugs — flickering UI, lost focus...
Author: web-admin
Chapter 47: Vue ‘ref’ Attribute
The ref attribute (written as ref=”someName” in the template) This is not the same as the ref() function you use for reactive state (although both are called “ref” — yes, Vue naming is sometimes...
Chapter 48: Vue Built-in Components
Vue’s Built-in Components. These are special components that Vue gives you for free — you don’t need to install anything, import anything, or register anything. They are always available in any Vue template, and...
Chapter 49: Vue KeepAlive Component
The <KeepAlive> component This is one of the built-in special components that Vue gives you for free — no installation, no import — and once you understand it, you’ll wonder how you ever built...
Chapter 50: Vue Teleport Component
The <Teleport> component This is not just another animation or transition helper — it’s a structural DOM tool that solves a very specific but extremely common pain point. What problem does <Teleport> solve? Imagine...
Chapter 51: Vue Transition Component
The <Transition> component This is Vue’s built-in, zero-dependency wrapper that makes almost any enter/leave or appear/disappear animation feel smooth and professional — with almost no JavaScript. You will use <Transition> (and its bigger brother...
Chapter 52: Vue TransitionGroup Component
Vue’s <TransitionGroup> component — one of the most satisfying and most frequently used animation tools in real Vue applications. This is the specialized version of <Transition> that exists only for lists — that is,...
Chapter 53: Vue Built-in Elements
Vue Built-in Elements (also called built-in special tags or reserved template elements). These are very special HTML-like tags that Vue treats in a magical way. They are not normal HTML elements — they don’t...
Chapter 54: Vue component Element
The <component> element (used almost exclusively with the :is attribute → <component :is=”…”>) This is not a normal HTML tag — it’s a special placeholder that Vue provides so you can dynamically decide at...
Chapter 55: Vue slot Element
The <slot> element This is not just another HTML tag — it’s a special placeholder that Vue understands and replaces with content provided by the parent component. In simple human words: The child component...
