1 前端MVC 和 后端MVC不同:

              Vue随性小笔记 随笔

 

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
                                                 可以看出前端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

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄