Vue随性小笔记
1 前端MVC 和 后端MVC不同:
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
