Category: Vue

Build Your Project” in the context of learning Vue.js. This is not some mysterious built-in Vue feature or keyword. It’s a very common phrase used by teachers, tutorials, YouTube channels, bootcamps, mentors, and senior...

Vue Composition API — the single biggest change and improvement that happened in Vue 3. I’m going to explain it like I’m sitting next to you, pair-programming, showing you why almost every serious Vue...

Vue References (usually just called refs) In Vue 3, the word “ref” appears in two completely different but related contexts, and almost every beginner gets confused between them at first. So let’s be very...

Vue Built-in Attributes (also called special template attributes, directives with shorthand, or built-in template syntax) These are not normal HTML attributes — they are special instructions that Vue understands and compiles into reactivity, events,...

The is attribute (usually written as :is because it’s almost always dynamic) This is not a normal HTML attribute — it’s a Vue-specific magic attribute that tells Vue: “Please render this tag name /...

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

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

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

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

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