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

Как работает реактивность во Vue

Во Vue реактивность реализована через систему отслеживания зависимостей. При инициализации компонента Vue преобразует все свойства data в реактивные с помощью Object.defineProperty (Vue 2) или Proxy (Vue 3).

Пример с Vue 3:

js
const data = reactive({ count: 0 });

// При изменении данных Vue автоматически обновляет DOM
data.count++; // Триггерит перерисовку

text

Ключевые моменты:
1. Vue создает прокси для отслеживания чтения/записи свойств
2. При обращении к свойству (рендеринг) - запоминает зависимость
3. При изменении - уведомляет все зависимые компоненты
4. Обновление происходит асинхронно (nextTick) для оптимизации

Для массивов отслеживаются мутирующие методы (push, pop и т.д.). При необходимости можно использовать `Vue.set` (Vue 2) или `reactive` (Vue 3) для добавления новых реактивных свойств.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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