Šta je MVVM arhitektonski obrazac?

MVVM (Model-View-ViewModel) je arhitektonski obrazac koji razdvaja korisnički interfejs (View) od poslovne logike (Model) putem posrednog sloja — ViewModel.

Komponenta	Opis	Svrha
Model	Predstavlja podatke i poslovna pravila.	Pruža podatke, nezavisno od View i ViewModel.
View	Prikazuje korisnički interfejs.	Odgovorna je za vizualizaciju i interakciju s korisnikom.
ViewModel	Sadrži logiku prikaza, prenosi podatke iz Modela u View.	Povezuje View i Model, sadrži naredbe i svojstva za View.

U MVVM, veza između View i ViewModel ostvaruje se putem mehanizama vezivanja podataka (data binding). View "pretplaćuje" se na promene svojstava u ViewModel-u, a ViewModel obaveštava View o tim promenama. Interakcija korisnika sa View-om (npr. klik na dugme) inicira pozivanje naredbe u ViewModel.

Prednosti:

• Odvajanje odgovornosti: jasna podela UI, poslovne logike i logike prikaza.
• Testabilnost: ViewModel je lako testirati nezavisno od View.
• Poboljšano održavanje: promene u jednom delu sistema manje utiču na druge delove.
• Razvoj: frontend i backend programeri mogu raditi paralelno.

Primer koncepta vezivanja podataka (pseudo-kod):

// ViewModel
class CounterViewModel {
  count = 0; // posmatrana svojstvo

  increment() {
    this.count++; // pokreće obaveštenje o promeni
  }
}

// View (pojednostavljena prezentacija)
<button onclick="viewModel.increment()">+</button>
<span data-bind="textContent: viewModel.count"></span> // povezuje sadržaj span sa viewModel.count