tezvyn:

Vue Component Props: Passing Data Downstream

Source: vuejs.orgbeginner

Think of props as a component's 'arguments.' They let a parent pass data down to a child, making it reusable. Use them to pass dynamic data like a user's name to a profile card. The footgun: never mutate a prop directly inside the child component.

Think of props as a component's 'arguments'—the primary way a parent passes data down to a child, making it reusable. You'll use them to pass a user object to a `UserProfile` or an array of items to a `TodoList`. The footgun: never mutate a prop inside the child; it breaks one-way data flow. Also, destructuring props can break reactivity in older Vue versions.

Read the original → vuejs.org

Get five bites like this every day.

Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.

Vue Component Props: Passing Data Downstream · Tezvyn