Vue随性小笔记

1 前端MVC 和 后端MVC不同：

可以看出前端MVC其实为了解决前端复杂js模块化的问题，从后端MVC的V分离出来的

2     MVC / MVP / MVVM 三者区别

Model	View	M与V联系的方式
		Controller
		Presenter
		ViewModel

可以清楚看出三者模块的区别在于M与V之间的联系：

Controller： 负责监听View的用户事件，得到的数据后Controller处理。然后渲染View。（缺点：Model或者Controller和View耦合一起                  的，没有办法单独验证应用逻辑的正确性）

Presenter： 比起Controller，presenter会调用View层提供的接口去渲染Model。（这样做的好处：面向接口编程，更好的耦合，方便做                   单元测试）（缺点：如果程序复杂，需要提供很多的接口）

ViewModel：是自己提供API，MVVM在VM中构建一组状态数据（state data），作为View状态的抽象。然后通过双向数据的绑定，是VM中状                态数据（state data）与View（screen state）保持一致。这样在VM的逻辑只需要修改对应的状态的数据，就可以控制View

3 Vue.js的概念：

它是以数据驱动和组件化的思想构建的。优势：比angular.js提供更加简洁，更加易于理解的API。

4 当创建了viewMode后双向绑定是如何达成呢：

DOM Listeners 和 Data Bindings看作两个工具，他们是实现双向绑定的关键。 从View 侧看，View Model 中View Listeners工具会帮助我们检测页面上DOM元素的变化。如果有变化，则更改Model的数据。从MOdel这一侧看，当我们更新数据时，Data Bindings 工具会帮助我们更新页面中的DOM的元素。

5  定义MVVM各个组成部分过程的过程

1.定义View  2.定义Model  3.创建一个Vue实例或ViewModel，它用于连接View和Model

6 Vue.js常用的指令

v-if  v-show v-else v-for v-bind v-on v-model