Vue Form Inputs
Vue Form Inputs Handling form inputs is a core part of building applications in Vue.js. Vue makes this simple using v-model, which creates two-way data binding between form fields and data. What are Vue...
Category: Vue Tutorial
Vue Routing
Vue Routing (Vue Router) Vue Routing allows you to build Single Page Applications (SPA) where navigation happens without reloading the page. Routing in It is handled using Vue Router. What is Routing in It?...
Vue Provide / Inject
Vue Provide / Inject Provide / Inject is a feature of Vue.js that lets you pass data from a parent to any deep child component without prop drilling. What is Provide / Inject? provide...
Vue Lifecycle Hooks
Vue Lifecycle Hooks Lifecycle hooks in Vue are special methods. They let you run code at specific stages of a component’s life. This includes stages from creation to removal from the DOM. Vue lifecycle...
Vue Template Refs
Vue Template Refs In Vue.js, template refs give you direct access to DOM elements or child component instances from your JavaScript code. They are useful when you need imperative control—things that can’t be done...
Vue HTTP Requests
Vue HTTP Requests (API Calls) In Vue.js, HTTP requests are used to communicate with backend servers or APIs to: Fetch data (GET) Send data (POST) Update data (PUT / PATCH) Delete data (DELETE) Vue...
Vue Teleport
Vue Teleport In Vue.js, Teleport is a built-in feature that allows you to render a component’s DOM content outside of its parent component’s DOM hierarchy, while keeping its logic and reactivity intact. It is...
Vue Dynamic Components
Vue Dynamic Components In Vue.js, dynamic components let you switch between multiple components at runtime using a single placeholder. They’re perfect for tabs, dashboards, modals, and step-based UIs. What are Dynamic Components? Instead of...
Vue Scoped Slots
Vue Scoped Slots In Vue.js, scoped slots allow a child component to pass data to the parent’s slot content. They give you maximum flexibility by separating data (child) from presentation (parent). What are Scoped...
Vue v-slot Directive
Vue v-slot Directive In Vue.js, Vue v-slot Directive is the directive used to define and consume slots—including named slots and scoped (slot props) slots—in a clear, modern syntax (Vue 3 standard). What is Vue v-slot...