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

Props — parent to child. Data — internal.

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

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