Как навязывается реактивность во Vue3

В Vue3 реактивность реализована через Proxy. При создании реактивного объекта (reactive()) или рефа (ref()) Vue оборачивает данные в прокси, который отслеживает чтение и запись свойств.

Пример:

import { reactive, ref } from 'vue';

const state = reactive({ count: 0 }); // для объектов/массивов
const num = ref(0); // для примитивов

// Доступ к реактивным данным:
state.count++; // автоматически триггерит обновление
num.value++; // .value для ref

Ключевые моменты:
- `reactive()` работает только с объектами
- `ref()` оборачивает любое значение в объект с `.value`
- Vue автоматически отслеживает зависимости в computed и watch
- Для массивов и объектов изменения отслеживаются глубоко

Реактивность "навязывается" прозрачно - просто работая с данными как обычно, вы получаете автоматические обновления интерфейса.