Vue.js Tutorial

1. Vue Introduction

What Vue is, how its reactivity system works, and how to scaffold a project with Vite.

2. Template Syntax and Reactivity

Interpolation, directives like v-if and v-for, and reactive state with ref() and reactive().

3. Components and Props

Defining components, declaring props and emits, and two-way binding with v-model.

4. Composition API

Organizing logic with composables, plus computed() and watch()/watchEffect().

5. Vue Router

Route setup, dynamic segments, nested routes, and a complete navigation-guard auth example.

6. Pinia State Management

Defining a Pinia store, using it across components, and a complete auth-store example.

7. Testing Vue Apps

Vitest and Vue Testing Library, with complete component test examples.

8. Vue Interview Questions

Common Vue interview questions covering the Composition API, reactivity, directives, routing, and state.