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

CodeSignal

Building with Vue Components

via CodeSignal

Go to class Write review

Overview

You'll build a complete To-Do list application from the ground up. Learn how to break down your UI into reusable components, pass data using props, communicate between components with custom events, and create flexible layouts with slots.

Syllabus

  • Unit 1: Building Composition API Components
    • Show More Info in Todo Items
    • Render Todo List with Components
    • Dynamic Styling with Computed Properties
  • Unit 2: Props and Component Communication
    • Validate Props in a Vue Component
    • Emit Custom Events from Child Component
    • Connect Parent and Child with Events
    • Dynamic Styling for Completed Todos
    • Debugging Vue Event Emission
  • Unit 3: Slots and Advanced Patterns
    • Add a Default Slot to BaseCard
    • Add a Named Slot for Actions
    • Refactor TodoItem with Vue Slots
    • Dynamic Class Binding with Slots
  • Unit 4: Options API Overview
    • Update the User Name Reactively
    • Add a Reset Button with Options API
    • Add a Computed Property for Initial
    • Add Reactive Age and Computed Value
    • Build a Counter with Options API

Reviews

Start your review of Building with Vue Components

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.