Category: Vue

0

Chapter 41: Build Your Project

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

0

Chapter 42: Vue Composition API

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

0

Chapter 43: Vue Reference

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

0

Chapter 44: what is Vue Built-in Attributes

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

0

Chapter 45: Vue ‘is’ Attribute

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

0

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

0

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

0

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

0

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

0

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