Vue · Junior · Запитання 15 з 75
Чому деструктуризація об'єкта reactive ламає реактивність?
const state = reactive({ count: 0 });
let { count } = state;
count++; // the UI doesn't update- ✓Правильна відповідь: Деструктуризація копіює примітивне значення з Proxy, і зміни не відстежуються
- 2Деструктуризація заборонена в
<script setup> - 3Це працює; UI оновиться на наступному тіку
Пояснення
Реактивність працює через звернення до властивостей Proxy. Використовуйте toRefs(state), щоб деструктурувати в пов'язані ref'и, або одразу використовуйте ref.