Premium

ref vs reactive for Vue state shape

Guided tradeoff battle · Updated Mar 30, 2026

Challenge summary

A Vue component manages several related form and filter fields. Would you keep each value in its own ref or group them in a reactive object?

What you'll practice

  • Compare the available options against the prompt constraints.
  • Defend one direction while acknowledging its main downside.
  • Explain when an alternative becomes the stronger choice.

What Premium unlocks

Premium unlocks the option matrix, scenario-specific evaluation, answer walkthrough, and follow-up trade-off discussion.

Free related practice

Upgrade to FrontendAtlas Premium to access this tradeoff battle. Already upgraded? Sign in to continue.