Sobes.tech
Middle

Кой е третият подход освен декларативния и императивния?

sobes.tech AI

Отговор от AI

Реактивен подход.

Императивен Декларативен Реактивен
Описва последователността от действия за постигане на резултат. Описва желаното състояние на системата, а не стъпките за неговото постигане. Основава се на потоци от данни и разпространение на промени. Реагира на събития.

Примери:

Императивен:

# Промяна на цвета на фона
element.style.backgroundColor = 'blue'

Декларативен:

<!-- Задаване на цвета на фона с CSS -->
<div style="background-color: blue;"></div>

Реактивен (с използване на рамка):

// Цветът на фона се актуализира динамично при промяна на променливата
const color = ref('red');

// ...по-късно...
color.value = 'blue'; // UI автоматично ще се актуализира