프런트엔드 MVVM이란 무엇입니까?

프런트 엔드 MVVM은 본질적으로 뷰의 상태와 동작을 추상화하여 개발자가 뷰 UI와 비즈니스 로직을 분리할 수 있도록 하는 향상된 MVC 버전입니다. 결합되고 재사용 가능하며 독립적으로 개발되고 테스트 가능합니다.

MVVM은 Model-View-ViewModel의 약어입니다. 본질적으로 MVC의 향상된 버전입니다. MVVM은 뷰의 상태와 동작을 추상화하여 뷰 UI와 비즈니스 로직을 분리할 수 있습니다. 물론 ViewModel은 이미 이러한 작업을 수행해 왔고, Model 데이터를 가져와서 콘텐츠를 표시해야 하는 View와 관련된 비즈니스 로직을 처리하는 데 도움을 줄 수 있습니다. Microsoft의 WPF는 Silverlight, 오디오, 비디오, 3D, 애니메이션 등의 새로운 기술 경험을 제공하여 소프트웨어 UI 계층을 더욱 상세하고 사용자 정의할 수 있게 해줍니다. 동시에 기술 수준에서 WPF는 바인딩, 종속성 속성, 라우팅된 이벤트, 명령, DataTemplate, ControlTemplate 및 기타 새로운 기능과 같은 새로운 기능도 제공합니다. MVVM(Model-View-ViewModel) 프레임워크의 기원은 MVP(Model-View-Presenter) 패턴과 WPF를 결합한 적용 방식에서 개발된 새로운 아키텍처 프레임워크입니다. 이는 원래의 MVP 프레임워크를 기반으로 하며 점점 더 복잡해지는 고객 요구 사항의 변화에 ​​대처하기 위해 WPF의 새로운 기능을 통합합니다.

MVVM 논리 다이어그램

MVVM 패턴의 구성 요소

Model

Model은 실제 상태 콘텐츠를 나타내는 도메인 모델(객체 지향)을 말하거나, 콘텐츠 데이터 액세스 계층(데이터 중심)을 나타내는 도메인 모델입니다.

Views

MVC 및 MVP 패턴과 마찬가지로 뷰는 사용자가 화면에서 보는 구조, 레이아웃 및 모양(UI)입니다.

View Model

뷰 모델은 공용 속성과 명령을 노출하는 뷰의 추상화입니다. MVVM에는 MVC 모드의 컨트롤러나 MVP 모드의 프리젠터가 없지만 바인더가 있습니다. 뷰 모델에서 바인더는 뷰와 데이터 바인더 간에 통신합니다.

Binders

선언적 데이터 및 명령 바인딩은 MVVM 패턴에 암시되어 있습니다. Microsoft 솔루션 스택에서 바인더는 XAML이라는 태그 언어입니다. 바인더는 개발자가 뷰 모델과 뷰를 동기화하기 위해 상용구 논리를 작성하지 않아도 되도록 해줍니다. 선언적 데이터 바인딩 기술의 출현은 Microsoft의 힙 외부에서 구현될 때 이 패턴을 활성화하는 핵심 요소였습니다.

추천 튜토리얼: "JS Tutorial"

위 내용은 프런트엔드 MVVM이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!