Props & State

Rules for defining component props, emits, and managing reactive state. These patterns ensure type safety and consistent reactivity handling.

Individual Rules

• Define props with TypeScript
• Define emits with TypeScript
• Destructure props
• Same name prop shorthand
• Prefer defineModel
• Prefer ref over reactive
• Prefer VueUse

Source

• https://vuejs.org/guide/components/props.html
• https://vuejs.org/guide/essentials/reactivity-fundamentals.html