框架类型

MVVM框架(Vue,Angular,React都属于MVVM)

MVVM即Model-View-ViewModel的缩写

• m(model):数据模型=>从后台获取到的数据
  在mvvm下我们只需改变数据即可实现操作DOM结构

var person = {
    name: 'Bart',
    age: 12
};
//改变对象中的值即可改变关联的DOM中的内容
person.name="li";

• v(view):视图=>用户看到的网站界面

MVVM的设计思想：关注Model的变化，让MVVM框架去自动更新DOM的状态，从而把开发者从操作DOM的繁琐步骤中解脱出来！

• vm(viewModel):视图模型,控制业务逻辑,是视图和数据模型的连接桥梁
  即通过编写一套javascript代码将model和view关联起来

在vue中

m => 数据
v => 视图模板
vm => vue的实例化对象

             ---> 
 m(model)  收发数据  vm(viewModel)  <--->  v(view)
             <---                 双向绑定

MVC框架(MVVM出来前的一类框架)

• m(model):数据模型=>操作数据和业务逻辑都在这里实现
• v(view):视图=>用户按到的网站界面
• c(control):控制器 => 用来做人机交互

                        <----m(model)
                        |       ↑
                        |       |
                        ↓       |
                      view--->control