Click here to Skip to main content
16,019,148 members
Articles / MVVM

Generally How I describe MVVM in Presentations or to my Friends

Rate me:
Please Sign up or sign in to vote.
4.83/5 (21 votes)
30 Aug 2010CPOL2 min read 55.5K   10   23
MVVM described in a way which is much easier to understand and easy to recall

MVVM, which is an abbreviated form of (M)odel-(V)iew-(V)iew(M)odel is not new to you all. But there are some people who don’t know about it. If you are a Core ASP.NET developer, you may know about MVC & MVP, you may also know about MVVM which is mainly used in WPF/Silverlight. For them, it is tough to remember its concept.

In general, in any of my discussions or presentations, I used to describe MVVM in a way which is much easier to understand and easy to recall. Hence I thought, why shouldn’t I share this with you? That’s why I'm writing this post. Read it. I hope that you will enjoy it a lot while reading it fully.

First see the below snapshot. Can anyone tell me what this is? Yes, that’s a car. Everyone knows about it. You may ask why I am showing you a Car here. I was supposed to discuss about MVVM. Hmmm… Don’t stop, just read it.

image

So, it’s a car. What else? It has an Engine, which actually moves the car. What else? The driver sits inside the car and drives it. Ok fine, what else? It runs with fuel.

Yeah!! That’s fine. So, what is the relation between the “Car” and the “MVVM” Framework? Want to know? Umm, this is just my example that I always use to give while explaining about MVVM.

So, think in this way. The car runs on the fuel, which is your data. We will better call it as Model. Hence, Model is the data that you present in your UI.

The car has a body which we can see from outside, nothing else is visible, neither the engine nor the fuel. Hence, we can say it as the View of the car.

Interesting? Ok, so what is the engine? Engine is the interior part of the car which is responsible for moving the car (i.e. the View) with the help of driver and fuel, where driver sends the event to the Engine to use the fuel (Model) to move. So, this is your ViewModel.

image

So, what have we learned here? The body of the Car (called as View) runs on Fuel (called as Model, i.e. Data) with the help of Engine (called as ViewModel). I think that you got the basic idea of MVVM here. Hope this will help you to recall the Model-View-ViewModel very easily.

I need your feedback on the explanation. Though it is a small explanation, a newbie can easily remember it.


This article was originally posted at http://www.kunal-chowdhury.com/feeds/posts/default

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Technical Lead
India India

Kunal Chowdhury is a former Microsoft "Windows Platform Development" MVP (Most Valuable Professional, 2010 - 2018), a Codeproject Mentor, Speaker in various Microsoft events, Author, passionate Blogger and a Senior Technical Lead by profession.

He is currently working in an MNC located in India. He has a very good skill over XAML, C#, Silverlight, Windows Phone, WPF and Windows app development. He posts his findings, articles, tutorials in his technical blog (www.kunal-chowdhury.com) and CodeProject.


Books authored:


Connect with Kunal on:





Comments and Discussions

 
GeneralMy vote of 1 Pin
Member 78978734-Jun-13 1:49
Member 78978734-Jun-13 1:49 
GeneralMy vote of 5 Pin
Pritesh Aryan27-Apr-11 21:09
Pritesh Aryan27-Apr-11 21:09 
GeneralMy vote of 5 Pin
divyang448211-Apr-11 8:32
professionaldivyang448211-Apr-11 8:32 
GeneralMy vote of 5 Pin
Member 747486028-Sep-10 8:30
Member 747486028-Sep-10 8:30 
GeneralOK, but why MVVM?! Pin
MacSpudster15-Sep-10 10:07
professionalMacSpudster15-Sep-10 10:07 
GeneralRe: OK, but why MVVM?! Pin
Ranjan.D6-Jan-13 14:50
professionalRanjan.D6-Jan-13 14:50 
GeneralMy vote of 4 Pin
Jaco van der Walt6-Sep-10 21:12
Jaco van der Walt6-Sep-10 21:12 
GeneralRe: My vote of 4 Pin
Kunal Chowdhury «IN»7-Sep-10 8:41
professionalKunal Chowdhury «IN»7-Sep-10 8:41 
GeneralMy vote of 3 Pin
EbenRoux6-Sep-10 19:20
EbenRoux6-Sep-10 19:20 
GeneralRe: My vote of 3 Pin
Kunal Chowdhury «IN»7-Sep-10 8:35
professionalKunal Chowdhury «IN»7-Sep-10 8:35 
GeneralMy vote of 1 PinPopular
James Hurburgh6-Sep-10 13:34
James Hurburgh6-Sep-10 13:34 
AnswerRe: My vote of 1 Pin
Kunal Chowdhury «IN»7-Sep-10 8:32
professionalKunal Chowdhury «IN»7-Sep-10 8:32 
GeneralMy vote of 5 Pin
Abhinav S31-Aug-10 0:45
Abhinav S31-Aug-10 0:45 
GeneralRe: My vote of 5 Pin
Abhijit Jana31-Aug-10 1:28
professionalAbhijit Jana31-Aug-10 1:28 
AnswerRe: My vote of 5 Pin
Kunal Chowdhury «IN»31-Aug-10 2:09
professionalKunal Chowdhury «IN»31-Aug-10 2:09 
GeneralRe: My vote of 5 Pin
Abhinav S31-Aug-10 6:20
Abhinav S31-Aug-10 6:20 
GeneralRe: My vote of 5 Pin
Kunal Chowdhury «IN»31-Aug-10 6:29
professionalKunal Chowdhury «IN»31-Aug-10 6:29 
GeneralMy vote of 5 Pin
Abhijit Jana30-Aug-10 23:48
professionalAbhijit Jana30-Aug-10 23:48 
GeneralRe: My vote of 5 Pin
Kunal Chowdhury «IN»31-Aug-10 0:15
professionalKunal Chowdhury «IN»31-Aug-10 0:15 
GeneralMy vote of 4 Pin
venugopalm30-Aug-10 23:35
venugopalm30-Aug-10 23:35 
GeneralRe: My vote of 4 Pin
Kunal Chowdhury «IN»31-Aug-10 0:14
professionalKunal Chowdhury «IN»31-Aug-10 0:14 
GeneralMy vote of 5 Pin
defwebserver30-Aug-10 19:52
defwebserver30-Aug-10 19:52 
GeneralRe: My vote of 5 Pin
Kunal Chowdhury «IN»30-Aug-10 22:37
professionalKunal Chowdhury «IN»30-Aug-10 22:37 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.