vue基础-简介

滞涩迭代
• 阅读 1444

1、前后端分离

当我们基于B/S模式进行web开发的时候,也许已经是前后端分离的,但是前后端分离显然不能这么简单的理解,我的意思其实是前后端分离的必要性,也许在一开始的时候就开始体现了。但是真正的原因肯定还是体现在项目实践中的。主要是基于开发模式的适用场景,开发效率和职责的问题。

基于前后端分离开发模式,是的前端所能肩负的职责也更加的广泛了,前后端的职责也更加的分明了,前端主要负责 View 和 Controller 层,后端主要负责 Model 层,业务处理/数据等。

2、Vue的优点在哪

既然前端做的事越来越多了,随着node的出现,是饱受争议的,不过我们不管这点,只关心它可以让前端代码在不依赖于浏览器的条件下可以跑起来了,这就然一些别有用心的人开始设计了前端的框架。

在这两年里前端的技术十分流行,而vue呢,在github上的star数也是一路高歌,超过了react成为了第一,在三足鼎立的前端框架中,我理解的Vue为什么能够成为这样火的主要原因就是Vue的学习成本最低。下面说说vue相对于jquery好在那里,在以往的前端编程中,我们从后端获取数据后需要将数据展示给用户使用,这个过程中我们要操作大量的DOM,并且在统计来看,30% - 70%的编程都是用来操作DOM, 而采用Vue之后操作DOM这一部分操作大多交由Vue框架来处理,我们编程本身不用处理过多的DOM, 这得益于MVVM模式,虽然说Vue并不完全是采用的MVVM,但是它借鉴了很多这种理念,采用数据驱动模型的方式,让开发者可以或者说尽可能的将精力放到数据的处理上,而不是多的关心DOM的操作。

3、Vue的MVVM模式

我们经常看到的是一个典型的MVC模式。Model 呈现数据,View 呈现用户界面,而 View Controller 调节它两者之间的交互。虽然 View 和 View Controller 是技术上不同的组件,但它们几乎总是手牵手在一起,成对的。你什么时候看到一个 View 能够与不同 View Controller 配对?或者反过来?所以,为什么不正规化它们的连接呢?下面是mvc 和 mvp模式之前的区别。

MVC:

vue基础-简介

MVP:

vue基础-简介

MVC提出者所理解的MVC是这样的:

vue基础-简介

对于不同的应用开发中其实存在着不同的mvc模式,例如IOS。.net和SpringMVC的描述就哥不相同, 不过后来的MVP和MVVM不过是早期MVC的衍生物罢了, 各层做的事情还是相同的, 不过各层之间的连接发生了改变而已,那么言归正传。
在Vue中MVVM主要是体现在这里的:

vue基础-简介

其中viewmodel这一部分的东西是交由vue去托管的,也就是通过数据去驱动的。所以我们关心的重点就偏移到了model中来了。
点赞
收藏
评论区
推荐文章
Easter79 Easter79
4年前
springboot2之优雅处理返回值
前言最近项目组有个老项目要进行前后端分离改造,应前端同学的要求,其后端提供的返回值格式需形如{"status":0,"message":"success","data":{}}方便前端数据处理。要实现前端同学这个需求,其实也挺简单的,
kenx kenx
2年前
SpringBoot定义优雅全局统一Restful API 响应框架
假如现在有一个Java项目,老板让你做项目组长,定义项目基础框架,系统技术架构选型,你应该如何设计一个规范的统一的RestfulAPI响应框架呢思考目前项目开发,都是基于前后端分离模式开发的,基于后端模板引擎那一套,可能已经不适用一些项目开发流程,和当下开
Stella981 Stella981
4年前
Node接入层可视化逻辑编排,还可以这样做?
背景:Node前后端分离带来的变化2016年跨境供应链体验技术部经历了从JavawebxMVC技术架构演进到Node前后端分离的技术架构。前后端分离优势前后端分离以后,Node服务端扮演了web接入层的角色,起到了web端和Java微服务端的桥梁作用,从架构层解决了以下问题:1.VM层前后端
Stella981 Stella981
4年前
Go + Gin + Vue打包成一个文件
介绍为方便部署,在开发时,可以是前后端分离的,但进行部署的时候,在某些领域前后端分离部署显得多此一举,为了让部署变得简单,所以需要考虑是否可以将前端与后端在生产时直接生成为一个文件所需工具https://github.com/gobindata/gobindatahttps://github.com/elaz
Stella981 Stella981
4年前
AJAX学习笔记(五、AJAX+JSON与Servlet前后端交互)
前后端分离实现前后端分离的好处就不用多说了,前后端那么JavaWeb项目前后端分离是怎么实现的呢?1.浏览器发送请求2.直接到达html页面(前端控制路由与渲染页面,整个项目开发的权重前移)3.html页面负责调用服务端接口产生数据(通过ajax等等,后台返回json格式数据,json数据格式因为简洁高效而取代xml)
Stella981 Stella981
4年前
ASP.NET Core 奇技淫巧之接口代理转发
前言先讲讲本文的开发背景吧..在如今前后端分离的大背景下,咱的客户又有要求啦~要前后端分离~然因为种种原因..没办法用用纯前端的框架(其实是学习成本高,又没钱请前端开发人员)...所以最终决定了一种方案..那就是采用MVC(只处理前端视图层,单纯是为了托管在.netcore上)Webapi的方式来实现前后端分离(讲真,很奇葩)..
Stella981 Stella981
4年前
JeecgBoot 2.4 微服务正式版发布,基于SpringBoot的低代码平台
项目介绍JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构SpringBoot2.x,SpringCloud,AntDesign&Vue,Mybatisplus,Shiro,JWT支持微服务。强大的代码生成器让前后端代码一键生成,实现低代码开发!JeecgBoot引领新的低代码开发模式(OnlineCoding
Stella981 Stella981
4年前
JeecgBoot 2.4.2 积木报表版本发布,基于SpringBoot的低代码平台
项目介绍JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构SpringBoot2.x,SpringCloud,AntDesign&Vue,Mybatisplus,Shiro,JWT支持微服务。强大的代码生成器让前后端代码一键生成!JeecgBoot引领低代码开发模式(OnlineCoding代码生成手工M
Stella981 Stella981
4年前
DevOps 视角的前后端分离与实战
本文作者:CODING廖红坤前言随着微前端、微服务等技术理念和架构的蓬勃发展,我们已经没必要去讨论为什么要前后端分离这种话题,前后端分离已成为互联网项目开发的标准模式。前后端在各自的领域发展越来越纵深。!1(https://static.oschina.net/uploads/img/202011/03155102_VGNk.
Velocity不用愁!Velocity系统的前端工程化之路 | 京东云技术团队
Velocity是一个基于Java的Web页面模版引擎。十多年前,Velocity将Java代码从Web页面中分离出来,使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动,回首再面对这些基于Velocity的旧系统,无论是后端还是前端人员维护,都会存在诸多问题:
孟达 孟达
1年前
分享一款JAVA开发的,非常棒的开源ERP系统
本系统包含销售、研发BOM、采购、生产计划、车间、仓库、应收应收付等模块。适用于传统制造业中小企业使用,适合进行二次开发和定制型开发。国内技术领先的ERP系统,采用前后端分离的模式,可切换为微服务版本。后端采用SpringBoot、SpringCloud、Jwt。前端采用Vue、Elementui,权限认证使用Redis。