Реактивность в Vue

В Vue.js реактивность основана на отслеживании зависимостей между данными и представлением. Когда данные изменяются, Vue автоматически обновляет представление, связанное с этими данными:

В этом примере переменная message является реактивной. Когда мы изменяем ее значение в методе changeMessage, Vue автоматически обновляет DOM, чтобы отобразить новое значение.

Реактивность также работает с вычисляемыми свойствами и слежением за изменениями:

Здесь fullName - это вычисляемое свойство, зависящее от firstName и lastName. Когда они изменяются, fullName автоматически обновляется. Также мы используем watch, чтобы реагировать на изменение firstName.