Vue.js Best Practices

Tasks Checklist

• Followed the core principles
• Followed the defaults unless there is a good reason not to
• Followed the reactivity best practices
• Followed the component best practices
  • Followed the Vue SFC best practices
  • Kept components focused
    • Split large components into smaller ones when needed
    • Moved state/side effects into composables if applicable
  • Followed data flow best practices

Core Principles

• Keep state predictable: one source of truth, derive everything else.
• Make data flow explicit: Props down, Events up for most cases.