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