Что такое реактивность

Реактивность — это автоматическое обновление интерфейса при изменении данных. В современных фреймворках (Vue, React, Angular) это реализуется через отслеживание зависимостей и триггеры перерисовки.

Пример во Vue:

const app = Vue.createApp({
  data() {
    return { count: 0 }
  },
  template: `<button @click="count++">{{ count }}</button>`
})

При клике значение count меняется, и Vue автоматически обновляет DOM. В React для этого используется хук useState:

function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(c => c + 1)}>{count}</button>;
}

Ключевые принципы:

• Одностороннее/двустороннее связывание данных
• Виртуальный DOM для оптимизации
• Зависимости и эффекты (watch/computed в Vue, useEffect в React)