Author: web-admin

The <template> element This is not just some random HTML tag — it is the heart of how Vue turns your declarative markup into a reactive, live user interface. In a .vue file, the...

The Vue Component Instance This is not the same as the component definition (the .vue file or object you write), nor is it the same as the HTML tag you use in templates. A...

The $attrs object (also written as v-bind=”$attrs” or simply “the attrs object”) This is not the same as props — it’s the second half of the story when a parent passes attributes to a...

The $data object This is not something you use often in modern Vue 3 code, but it still exists, and understanding it properly will save you from a lot of confusion when you read...

The $el object (also written as this.$el in Options API or accessed via template refs in Composition API) This is not something you use every day in modern Vue 3 code — but understanding...

The $parent object (also written as this.$parent in Options API) This is not something you should reach for often in modern Vue 3 code — but understanding it properly will help you read legacy...

The $props object (also written as this.$props in Options API or simply props in modern Composition API) This object is the official, single source of truth for all data that the parent component deliberately...

The $refs object (also written as this.$refs in Options API or simply refs via template refs in modern Composition API) This is not the same as the ref() function you use for reactive state...

The $root object (usually written as this.$root in Options API or accessed via getCurrentInstance().root in modern Composition API) This is not something you should reach for in new code — but understanding it properly...

The $slots object This is not something you write or create yourself — Vue automatically gives it to every component instance. $slots is basically a read-only map that tells the current component: “Hey, the...