juniorVue.js
What are Props in Vue?
Updated May 4, 2026
Short answer
Props are custom attributes used to pass data from a parent component down to a child component.
Deep explanation
Props follow a 'One-Way Downward Binding'. When the parent property updates, it flows down to the child, but not vice-versa. This prevents child components from accidentally mutating the parent's state, making the data flow easier to understand.
Real-world example
A generic Button component receiving a 'label' prop to display different text.
Common mistakes
- Attempting to mutate a prop directly inside the child component.
Follow-up questions
- How do you validate props?