Vue的特点和三大架构模式MVC,MVP,M-V-VM
程序员文章站
2022-03-10 16:51:19
Vue的特点和三大架构模式MVC,MVP,M-V-VM...
Vue特点
-
组件化
就是可以将页面和页面中可复用的元素都看做成组件, 写页面的过程, 就是写组件, 然后页面是由这些组件拼接
起来的组件树; 组件可以看做后端开发过程中一个类, 需要就可以调用; 整个页面都是由一个一个组件构成的; 我们可以随意组合这些组件, 构成不同的页面; -
数据驱动
就是让我们只关注数据层, 只要数据变化, 页面(即视图层)会自动更新(双向数据绑定/M-V-VM
), 至于如何操作DOM, 完全交由Vue去完成, 我们只关注数据, 数据变了, 页面自动同步变化了, 很灵活方便;
MVC
- MVC和后端的MVC是不一样的, 但都是一种架构模式;
- 即Model,View,Controller即模型,视图,控制器;
- View: 它是提供给用户的操作界面,是程序的外壳;
- Model: 是程序需要操作的数据和信息;
- Controller: 接收View层传递过来的指令, 选取Model层对应的数据, 进行相互操作;
- 以往的MVC模式是单向绑定, 即Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新;
- 理解: 控制器直接接收View层指定,选取Model层数据进行操作,Model直接把数据给View;
MVP
MVP是从MVC进化而来, 即Model,View,Presenter;View和Model同MVC的M和V,MVP只是将Controller变成了Presenter; View层与Model的交互只能通过Presenter
;这个就和后端开发的MVC类似;jQuery就是这种形式;
M-V-VM
MVC、MVP及
M-V-VM
都是一种架构模式, 为了解决图形界面应用程序复杂性管理问题而产生的应用架构模式;
-
M-V-VM
是一种趋势; -
M-V-VM
是由MVP进行而来,M-V-VM
模式基本上和MVP相同, 只是把MVP中的P变成了VM,即ViewModel; -
M-V-VM
中的数据可以实现双向绑定, 即View层数据变化则ViewModel中的数据也随之变化, 反之, ViewModel中的数据变化, 则View层数据也随之变化; - 不需要操作DOM,代码简介,功能强大;
本文地址:https://blog.csdn.net/weixin_41887155/article/details/107584010