学习 Vue 的第一天

今天开始学习了前端框架Vue，第一天只是初步学习了，老师先介绍了几种模式（MVC/MVP/MVVM）

• MVC ( Model View Controller )
  m:model 数据模型层 ;
  v:view 视图层 ;
  c:controller 控制器
  用户对View操作以后，View捕获到这个操作，会把处理的权利交移给 Controller；Controller会对来自View数据进行预处理、决定调用哪个Model的接口；然后由Model执行相关的业务逻辑（数据请求）； 当Model变更了以后，会通过观察者模式（Observer Pattern）通知View； View通过观察者模式收到Model变更的消息以后，会向Model请求最新的数据，然后重新更新界面。
  
• MVP ( Model View Presenter )
  和MVC模式一样，用户对View的操作都会从View交移给Presenter。 Presenter会执行相应的应用程序逻辑，并且对Model进行相应的操作；而这时候Model执行完业务逻辑以后，也是通过观察者模式把自己变更的消息传 递出去，但是是传给Presenter而不是View。Presenter获取到Model变更的消息以后，通过View提供的接口更新界面。
  
• MVVM ( Model View ViewModel )
  MVVM的调用关系和MVP一样。但是，在ViewModel当中会有一个叫 Binder，或者是Data-binding engine的东西。你只需要在View的模版语法中，指令式地声明View上的显示的内容是和Model的哪一块数据绑定的。 当ViewModel对Model进行更新的时候，Binder会自动把数据更新到View上 去；当用户对View进行操作（例如表单输入），Binder也会自动的把数据更新到Model上去。这种方式称为：Two-way data-binding，双向数据绑定。
  vue的双向数据绑定原理原理/ （重点）
  vue在创建vm的时候，会将数据配置到实例中，然后通过Object.defineProperty方法，为数据动态的添加getter与setter方法。当获取数据的时候，会触发对应的getter方法，当设置数据的时候，触发对应的setter方法。然后当setter方法触发完成的时候，内部会进一步触发watcher,当数据改变了，视图则更新操作完毕。

Vue语法