Vue.js: What is the difference between props and data?

Props — data passed from parent to child. Data — internal component state.

Props:

• Passed from parent.
• Read-only in child.

Data:

• Internal to component.
• Mutable.

1// Props
2<Child :message="hello" />
3
4// Data
5data() { return { count: 0 } }

Key differences:

• Props — external, read-only.
• Data — internal, mutable.