MVVM архитектуралык үлгүсү эмне?

MVVM (Model-View-ViewModel) үлгісі қолданбаны үш негізгі бөлікке бөледі:

• Model: Маалыматтарды жана бизнес логиканы көрсөтөт. Ал колдонуучу интерфейсине көзкаранды эмес.
• View: Бул колдонуучу интерфейсинин катмары. Ал ViewModel-ден маалыматтарды көрсөтөт жана колдонуучунун аракеттерин ViewModel-ге жиберет. View маалыматтарды иштетүү логикасын камтыбайт.
• ViewModel: Бул View жана Model ортосундагы байланыш. Ал Model-ден маалыматтарды View үчүн ыңгайлуу форматта камсыз кылат жана колдонуучунун аракеттерин иштетип, Model-ди жаңыртат. ViewModel маалыматтарды көрсөтүү жана колдонуучунун кириштерин иштетүү логикасын камтыйт.

Компоненттер ортосундагы байланыштар көбүнчө маалымат байламдары аркылуу ишке ашырылат. View ViewModelдеги өзгөрүүлөрдү көзөмөлдөйт жана автоматтык түрдө жаңыртылат, ал эми ViewModel Viewден келген окуяларга жооп бере алат.

// ViewModel мисалы (шарттуу JavaScript)
class TodoViewModel {
  constructor(model) {
    this.model = model;
    this.todos = this.model.todos; // Маалыматтарды View үчүн камсыз кылат
    this.newTodoText = ''; // Viewдеги киргизүү талаасынын абалы
  }

  addTodo() {
    if (this.newTodoText.trim()) {
      this.model.addTodo(this.newTodoText.trim());
      this.newTodoText = ''; // Талпакты кошкондон кийин тазалайт
    }
  }

  removeTodo(index) {
    this.model.removeTodo(index);
  }
}