Vue · Middle · Question 18 of 75
What does the 3.5 reactive props destructure allow?
const { size = "md", count } = defineProps<{ size?: string; count: number }>();
const double = computed(() => count * 2);- ✓Correct answer: Destructured props stay reactive in computed/templates, and defaults can be written as JS defaults
- 2Props become writable
- 3Destructured props lose reactivity, so it is discouraged
Explanation
The compiler rewrites count to props.count. To watch a destructured prop you still need a getter: watch(() => count, ...).