Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Full-stack web development with Vue.js
·
Module 8
Vue.js: Building with Components
Adding Delete and Mark-as-Complete to the To-Do App
Enhance the to-do app by implementing delete and mark-as-complete functionality.
2
Component Decomposition
Break down a single component application into a hierarchy of reusable components (e.g., TodoList, TodoItem).
3
Passing Props to Child Components
Pass data from a parent component to a child component using props.
4
Emitting Custom Events: Child to Parent Communication
Communicate from a child component to a parent component by emitting custom events.
5
Two-Way Binding with v-model in Custom Components
Use v-model on a custom component to create a reusable, two-way-bound input.
6
Flexible Layouts with Slots
Use slots to create flexible and composable layout components.
Understanding Prop Drilling: A Motivation for State Management
Explain the problem of 'prop drilling' in deeply nested component trees as a motivation for state management.
8
Refactoring to Multi-Component Architecture
Mini Project: Refactor the to-do app into a multi-component architecture using props and events.
Previous module
Vue.js: Foundations and Reactivity
Next module
Vue.js: State Management with Pinia