MVVM is a design pattern that stands for Model-View-ViewModel. The View represents the user interface, and should contain only visual logic. The Model contains the data model and data access logic. The ViewModel contains all the data and operations needed to display the View, without any reference to the View itself. It acts as a bridge between the View and Model, sending change notifications between them using data binding and commands. This loose coupling allows for testable and maintainable code.

1. Sapan Patel.
sapan@ipowersoftwares.com
+91-9712363687

2. What is MVVM ?
 MVVM is a design patterndesign pattern
 MVVM stands for Model-View-ViewModelModel-View-ViewModel

3. The View
Represents the user interface that the user will
see
Can be a page, user control or Data Template
Clean code-behind
Only visual logic (all the rest should go in
the ViewModel)
Should never contain anything that is to be
tested
Model-related

4. The Model
Data model, service reference/proxy classes,
Very often, an extra layer is added on top
of the generated proxy classes
Validation logic
Data access
No reference to ViewModel

5. ViewModel
It contains all the data that needs to be displayed and
procedures to modify the model at will.
The magic about MVVM is that the ViewModel
knows nothing about the View.
 State
 Operations
 Not dependent on the view

6. Data ModelData Model
ViewView
XAMLXAML
Code-BehindCode-Behind
View ModelView Model
State + OperationsState + Operations
Send
notification
Data-binding
and commands
Change
notification

7. MVVM MVC
**
11**
11

8. viewmodel
naviga
tion
resou
rces
web
servic
es
hardw
are

9. Benefits of MVVM
 Loose coupling
 Testable code
 Maintainable code

10. Thank You!