Vue.js概述_vue.js是动态页面吗-程序员宅基地

技术标签: 前端  vue.js  javascript  


一.Web技术的发展

早期的Web应用主要用于静态的页面,这些静态页面是由HTML编写,在
1995年,Netscape公司的工程师 Brendan Eich设计出了javascript语言,使得前端页面有了动态效果,以及用户交互能力,随着网络时代的发展,人们在Web需求上也是变得越来越复杂,动态页面的产生是一些新型的技术的诞生推动的,在1996年微软公司推出了ASP技术,在1997年Sun公司推出了JSP技术,1998年,PHP3正式发布,正式由于这些技术的诞生,使得Web领域得到了空前的发展,2004年Google公司推出Ajax(Asynchronous javascript and xml )即异步javascript和xml技术,来解决需要在每次页面交互的时候进行频繁的刷新页面的问题。
之后前端技术的发展主要集中在如何简化页面的开发于如何实现富页面,先后出现了大量的前端框架和库:jQuery、Dojo、Ext JS、ECharts、Bootstrap、Angular、React.js、Vue.js…

二.各种框架的开发模式

2.1 MVC

MVC即 模型(Model)、视图(View)、控制器(Controller)
模型也就是数据模型,表示的是应用程序的数据以及用于访问控制和修改这些数据的业务操作,模型改变的时候会通知视图,并为视图查询模型相关状态的能力
视图用于展示从数据模型中获取到的数据,视图也会将用户的请求通知控制器
控制器定义了应用程序的行为,它负责将用户的请求进行解释,并把这些请求映射成相应的行为,这些行为是由模型负责的
在这里插入图片描述

2.2 MVP

MVP是由MVC演变而来的
MVP即 模型(Model) 负责提供数据
视图(View)负责显示
表示器(Presenter)负责逻辑处理
MVP与MVC的最大的区别就是MVP中的View并不是直接使用Model,他们之间的通信是通过Presenter进行的,所有的交互多是在Presenter中进行的
在这里插入图片描述

2.3 MVVM

MVVM即 ViewMode是View和Model的关系映射,ViewMode是一个值转换器(value Converter),负责转换Model中的数据对象,使得数据变得更加容易管理和使用在MVVM中View与Model是不能够直接通信的,它们之间存在一个ViewModel,充当观察者,也就是这个观察者实现了MVVM模式的最大特征-----数据的双向绑定,当用户更改了View层数据,ViewModel就会通知Model,当Model中的数据发生了变化,ViewModel就会通知View
在这里插入图片描述

初始Vue.js

Vue是一套MVVM模式的Javascript框架,是由一名叫尤雨溪的人开发的

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_57254953/article/details/125263639

智能推荐

Qt开发之路10---文件对话框QFileDialog_qt qfiledialog-程序员宅基地

文章浏览阅读1.3k次。QFileDialog,也就是文件对话框。一:文件打开对话框QFileDialog::getOpenFileName()getOpenFileName()是QFileDialog类的一个静态函数,返回用户选择的文件名,如果用户选择取消(Cancel),则返回一个空串。函数形式如下:QString getOpenFileName(QWidget *parent = Q_NULLPTR, const QString &caption =QString(), const QString &_qt qfiledialog

python实训day2-程序员宅基地

文章浏览阅读102次。作业:'''1.让用户输入用户名与密码2.校验用户名是否存在3.用户名存在后检验密码是否正确,若正确打印“登陆成功” 否则打印“用户名或密码错误”,并让用户重新输入4.用户密码输入错误超过三次则退出循环。'''def login(): i = 1 while i <= 3: user = input('请输入用户名:'..._python实训2

EF5中 执行 sql语句使用Database.ExecuteSqlCommand 返回影响的行数 ; EF5执行sql查询语句 Database.SqlQuery 带返回值...-程序员宅基地

文章浏览阅读355次。一: 执行sql语句,返回受影响的行数 在mysql里面,如果没有影响,那么返回行数为 -1 ,sqlserver 里面 还没有测试过 using (var ctx = new MyDbContext()){ ctx.Database.ExecuteSqlCommand("UPDATE Person SET Name = 'Michael' WHERE Per..._ef执database返回数据

美国排名前10芯片公司的特点-程序员宅基地

文章浏览阅读1.5k次。关注+星标公众号,不错过精彩内容来源|Sourceeletimes编译 |半导体行业观察美国半导体产业占全球市场份额的近一半,并呈现稳定的年度增长。自1990年代后期以来,美国半导体...

pythonopencv图像处理_OpenCv-Python 图像处理基本操作-程序员宅基地

文章浏览阅读99次。1. 图片加载、显示和保存import cv2img = cv2.imread("01.jpg")imgGrey = cv2.imread("01.jpg",0)cv2.imshow("img",img)cv2.imshow("imgGrey",imgGrey)cv2.waitKey()cv2.imwrite("Copy.jpg",img)2. 图像显示窗口创建与销毁cv2.namedWindow..._显示输出图像的形状、像素数目和图像的数据类型python

Rust 1.8发布,放弃了Unix系统的Make编译系统-程序员宅基地

文章浏览阅读624次。Mozilla上周发布了Rust 1.8,一个系统级别的编程语言,提供与C语言相当的编译速度,和高级别的安全性。这次更新最值得关注的是,Rust放弃了Unix系统的Make工具,使用Rust自己的Cargo包管理工具。为了实现自托管,减少对外部工具的依赖,Rust必须通过自己的语言构建一些工具。其他语言也大多都经过这个过程。Google的Go语言,从1.5版本开始,其编译器和解释器都由Go语言实现..._rust make

随便推点

HTTP协议入门-程序员宅基地

文章浏览阅读845次,点赞17次,收藏12次。地址和关键词:例如GET请求头(header):用来描述请求和发送者的一些信息请求参数。

WPF 自定义柱状图 BarChart-程序员宅基地

文章浏览阅读222次。原文:WPF 自定义柱状图 BarChartWPF 自定义柱状图当前的Telerik控件、DevExpress控件在图表控件方面做得不错,但是有时项目中需要特定的样式,不是只通过修改图表的模板和样式就能实现的。或者说,通过修改当前的第三方控件以达到项目中UI的界面效果,花费的时间远比重新自定义一个控件要长得多!所以直接自定义柱状图吧~下面是柱状图..._wpf 柱状图

Python中异常捕捉try..except...finally的使用_try-except语句可以有多个finally子句a对b错-程序员宅基地

文章浏览阅读3.8w次,点赞41次,收藏105次。Python开发中 ,常见错误类型有两种 :语法错误和异常。语法错误是程序没有运行时,由开发IDE环境检测到错误,比如缩进错误,变量没有写完整,缺少:等解析错误。而异常就是指程序运行时检测到的错误,比如ZeroDivisionError,分母为0的错1/0.比如“aaa”+4等错误。 异常为什么需要处理?1.实际开发中不能直接讲代码的报错抛给用户,而是通过异常处理的形式给出提示..._try-except语句可以有多个finally子句a对b错

<5>系统安全与权限_系统权限安全问题-程序员宅基地

文章浏览阅读4.9k次。文件权限_系统权限安全问题

Linux下安装JDK_linux安装jdk1.7-程序员宅基地

文章浏览阅读2.8k次。Linux下安装JDK_linux安装jdk1.7

全局变量和局部变量_说明局部变量在哪个文件中声明,在哪个文件中给全局变量中赋初值,并举例说明一个全-程序员宅基地

文章浏览阅读1.6k次。C语言_说明局部变量在哪个文件中声明,在哪个文件中给全局变量中赋初值,并举例说明一个全