Vue

Version Coverage

These notes cover both Vue 2 (Options API) and Vue 3 (Composition API), including internal implementation details.

Basic Concepts

• Directives - Control flow, binding, events, model directives
• Components - Computed properties, slots, provide/inject
• Composition API - Setup, lifecycle, reactivity
• Animation - Transitions and animation system
• Concurrent - Async component, suspense
• Keep Alive and Teleport - Component caching and DOM teleportation
• Router - Vue Router guide
• Vuex - Vuex for state management
• Toolchain - Vite, CLI

Advanced Internals

• Core - Vue constructor, prototype, global API
• Options API - Options merging, normalization
• Lifecycle - Component initialization, lifecycle, and rendering
• Virtual DOM - VNode structure and types
• Template Compiler - Compilation workflow and performance
• Legacy Reactivity - Vue 2 reactivity system
• Modern Reactivity - Vue 3 reactivity system

Quick Start

For Beginners

Start with:

1. Directives - Learn v-if, v-for, v-model, event handling
2. Components - Understand computed, slots, props
3. Composition API - Explore setup, ref, reactive, computed

For Advanced Users

Deep dive into:

1. Core - How Vue is built
2. Options API - Options merge strategies
3. Lifecycle - From new Vue() to rendering
4. Virtual DOM - VNode types and rendering
5. Template Compiler - Template to render function
6. Legacy Reactivity - Observer/Watcher/Dep system
7. Modern Reactivity - Proxy/reactive/effect system