Встречается на собеседованиях • сегодня

Как построена реактивность во Vue3

Реактивность во Vue 3 построена на основе системы Proxy (в отличие от Vue 2, где использовались геттеры/сеттеры). Proxy позволяет перехватывать операции с объектами, такие как чтение/запись свойств.

Пример:

js
const reactiveObj = Vue.reactive({ count: 0 });

// При изменении reactiveObj.count Vue автоматически обновит зависимые компоненты
reactiveObj.count++;

text

Ключевые особенности:
1. `reactive()` создает реактивный объект (не работает с примитивами)
2. `ref()` оборачивает примитивы в объект с `.value`
3. Эффекты отслеживаются через `effect()` (внутри используется в `watch` и `computed`)
4. Оптимизировано для работы с большими структурами данных

При изменении реактивных данных Vue автоматически определяет зависимости и планирует обновления компонентов.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы