Vue.js

Introduction

• Installation
  • Create New Vue Project
  • Import Vue into existing projects
• Initialize and Configure
  • The Application Instance
  • Mounting the Instance
  • Root Component
  • In-DOM Root Component Template
  • Multiple Instances
  • Configurations
• Template Basics
  • Text Interpolation
  • Directives
  • Raw HTML
  • Attributes
  • Expressions
• Reactivity Fundamentals
  • ref()
  • reactive()
  • Reactivity Depth
  • Considerations
  • DOM Update Timing
• Computed Properties
  • Computed Properties
  • Mutation
  • Previous Values
• Class and Style Bindings
  • Classes
  • Styles
• Conditional and List Rendering
  • v-if, v-else, v-else-if, v-show
  • v-for
• Event Handling
  • Inline and Method Handlers
  • Event Modifiers
  • Key Modifiers
  • System Modifier Keys
  • Mouse Button Modifiers
• Forms Input Bindings
  • Input Bindings
  • Modifiers
• Watchers
  • watch()
  • watchEffect()
  • Options
  • Cleanup
  • Stop
• Template Refs
  • HTML elements Refs
  • Components Refs
  • Refs in v-for

Components

• Lifecycle Hooks
• Components Basics
• Registration
• Props
• Events
• v-model
• Fallthrough Attributes
• Slots
• Provide / Inject
• Async Components

Reusability

• Composables
• Custom Directives
• Plugins

Scaling Up

• Single-File Components
• Tooling
• Routing
• State Management
• Testing
• Server-Side Rendering (SSR)