Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Laracasts

Learn Vue 3: Step by Step

via Laracasts

Overview

I've been teaching Vue for years now. In fact, way back in 2015, as part of the first ever Vue series at Laracasts, I boldly predicted that Vue was about to skyrocket in popularity. That prediction turned out to be spot on. To be fair, though, it was an easy one. You need only spend ten minutes with the framework to understand why so many swear by it.Whether you're brand new to Vue, coming over from a different framework, or simply want a refresher on the fundamentals, this new Vue 3 series is for you! We start at the beginning, and work our way up one step at a time.

Syllabus

  • Getting Started
    • Vue 3 Absolute Basics
    • Attribute Binding and Event Handling
    • Lists, Conditionals, and Computed Properties
  • Vue Components
    • Your First Custom Vue Component
    • One Vue Component Per File
    • Component Props
    • Bring it All Together
  • Event Handling
    • Handle a Form Submission
    • Parent-Child State Communication
  • Beyond the Basics
    • It's All So Easy
    • Component Responsibility
    • A Deeper Look at V-Model
    • Lifecycle Hooks, Fake APIs, and AJAX
    • More Flexible Components With Slots and Flags
    • Named Slots
  • Vite
    • Vite
    • Little Confusing Things
  • The Composition API
    • Two Mental Leaps to Script Setup
    • From Mixins to Composables
    • Composable Example: Local Storage
    • Refactor to defineProps and defineEmits
  • Managing State
    • Dependency Injection With Provide and Inject
    • Store State in an External File
    • Direct Mutation Concerns
    • Say Hello to Pinia
  • Team Dashboard Exercise
    • Code Organization
    • Build and Seed a Team Store
  • Transitions, Teleports, Tips
    • Build a Modal Component
    • Two Ways to Transition
    • Teleporting
  • Conclusion
    • That's All She Wrote

Taught by

Jeffrey Way

Reviews

Start your review of Learn Vue 3: Step by Step

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.