Vue · Middle · Запитання 18 з 75
Що дає реактивна деструктуризація props із 3.5?
const { size = "md", count } = defineProps<{ size?: string; count: number }>();
const double = computed(() => count * 2);- ✓Правильна відповідь: Деструктуровані props лишаються реактивними в computed і шаблонах, а значення за замовчуванням пишуться як у JS
- 2Props стають записуваними
- 3Деструктуровані props втрачають реактивність, тому так робити не радять
Пояснення
Компілятор переписує count у props.count. Щоб спостерігати деструктурований prop, усе одно потрібен гетер: watch(() => count, ...).