Vue.js学习笔记（浅谈MVVM）

1.什么是MVVM？

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。

2.web开发前端简史

1.  CGI   早期阶段1995年以前 ： 绝大多数的CGI程序被用来解释处理来自表单的输入信息，并在服务器产生相应的处理，或将相应的信息反馈给浏览器。     CGI程序使网页具有交互功能。特点：开发复杂，功能简单，没有前端与后端的划分。

2.ASP/JSP/PHP等   服务器端模板时代 1995-2005年: ASP、PHP及JSP都是网站后端脚本语言，它们都是动态交互式语言，都是在Web 2.0时代诞生的，这是网络空间向前发展的一个自然过程。

3. MVC  服务器端MVC时代 2006-2015年: 经典MVC模式中，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。       其中，View的定义比较清晰，就是用户界面。

4.Vue.js   前后端分离时代 2012年之后:  Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

3.前端的三大MV*模式：

4.MVVM：

M ：Model，V：View  ，VM：ViewModel。

4.1：MVVM是M-V-VM(模型-视图-视图模型)

• M就是Model模型：对应的是data中的数据.
• V是指View视图：是我们看到的页面视图，其中包括HTML+CSS+JS交互代码等一系列资源
• VMshizhiViewModel视图模型：是我们vue实例对象vm

它有两个方向：

一是将 模型 转化成 视图 ，即将后端传递的数据转化成所看到的页面。 实现的方式是：数据绑定。

二是将 视图 转化成 模型 ，即将所看到的页面转化成后端的数据。 实现的方式是：DOM 事件监听。 这两个方向都实现的，我们称之为数据的双向绑定

5.优点：

3、缺点：

1、代码量比MVC多。
2、需对每个Controller实现绑定，这是分离不可避免的工作量。