MVVM模式

MVVM的定义

MVVM是Model-View-ViewModel的缩写;

MVVM的设计思想

关注Model的版变化,让MVVM的框架去自动更新DOM的状态,从而把开发者从操作DOM的繁琐步骤中解脱出来

MVVM就是在前端页面上,应用了扩展的MVC模式,mvvm框架自动把model的变化映射到DOM机构上,这样,用户看到的页面内容就会随着model的变化而更新;

而双向绑定, 如果用户更新了view,Model的数据也会自动更新了,这种情况就是双向绑定;

除了双向绑定,MVVM实现了Model和View的结构保持同步;当我们更新model时,DOM结构会随着model变化而更新

需要注意的是,vue之所以能够监听Model状态的变化,是因为javaScript语言本身提供了proxy或者Object.observe()机制来监听对象状态的变化.但是,对于数组元素的赋值,确实没有办法直接监听,因此,如果我们直接对数组元素赋值:

vm.todo[0] = {name:'new name',descrition:'new descrition'}; 会导致vue无法更新view

vue可以监听splice push unshift等方法调用

4个基础的API

GET:返回所有的TODO的列表  POST  PUT  DELETE