欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

相关标签: Vue M-V-VM