Vue.js

Vue Basics

• Vue Server-Side Rendering and Nuxt 3 - Vue Advanced Part 3

  Learn the difference between Vue server-side rendering (SSR) and client-side rendering (CSR), plus the core features and basic usage of Nuxt 3, including file-based routing.

• Vue Slots, Teleport, and Provide/Inject

  Learn how Vue slots compose reusable components, Teleport renders UI elsewhere in the DOM, and Provide/Inject passes data through component trees.

• Vue Custom Directives and Composables — Advanced Vue, Extra Part 1

  Create custom directives such as v-focus for DOM behavior and composables such as useMouse to reuse stateful Vue logic.

• Build a Todo App with Vue and TypeScript: Part 10

  Build a complete typed Todo application using Vue, TypeScript, Pinia, and Vue Router, from project setup to the final interface.

• Handling Form Inputs with v-model in Vue - Vue Basics Part 9

  Learn how to use Vue’s v-model for two-way data binding across text, checkbox, radio, select, and form submission inputs.

• Vue Conditional Rendering and Styling - Strengthen Your Vue Fundamentals, Part 8

  Learn Vue conditional rendering with v-if and v-show, list rendering with v-for, and component-scoped CSS.

• API Integration and Async Operations with Axios — Vue Basics, Part 7

  Use Axios in Vue to communicate with servers, load data in onMounted, and manage loading and error states.

• Easy Global State Management with Pinia — Vue Basics, Part 6

  Install Pinia, define stores with state, getters, and actions, share state between Vue components, and compare React alternatives.

• Core Vue Template Syntax - Vue Fundamentals, Part 2

  Learn Vue’s core template syntax with examples: displaying data with {{ }}, binding attributes with v-bind, two-way binding with v-model, and handling events with v-on.

• Implement Page Navigation with Vue Router - Vue Fundamentals, Part 5

  Learn to build a multi-page single-page application and use Vue Router. Configure routes, use router-link and router-view, set up dynamic routes, and handle 404 pages.

• Reactive State Management with ref, reactive, computed, and watch - Vue Fundamentals, Part 4

  Learn reactive state management with the Vue 3 Composition API. Create state with ref and reactive, understand their differences, and use computed and watch to derive state and detect changes.

• Understanding Vue Component Structure, Props, and Emit - Vue Basics Part 3

  Learn why Vue uses components, how parents pass data with props, how children emit events, and why one-way data flow matters.

• Set Up Vue 3 with Vite and Understand Single-File Components — Vue Basics, Part 1

  Create a Vue 3 project with Vite and learn the structure of a .vue single-file component.