前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!

前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!
2021年08月12日11:53:33 0 467

前端兴迈必用的Vue.js框架到底是什么?为什么这么受欢迎!

 

Vue.js是什么?

我们来看看百科的介绍

Vue.js:(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。

目前vue.js已经成为了前端大师必用的框架之一。想必很多小伙伴对它也很好奇,今天我们一起来认识一下vue.js!

Vue.js诞生背景

近几年来,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。

它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的APP。比如下面这些:

前端兴迈必用的Vue.js框架到底是什么?为什么这么受欢迎!

 

 

这种webapp它们不仅仅像h5营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换等复杂的交互。在这样的业务需求下,我们还是沿用PC端的开发方案,难免会不太合适。比如:视图切换。

在PC端,视图切换我们会用<a>标签进行页面的跳转,但如果在移动端,那就歇菜了,你会遇到这样的画面:

前端兴迈必用的Vue.js框架到底是什么?为什么这么受欢迎!

 

 

(等到花儿都谢了)

这个时候用户只能等.....3秒,5秒,8秒.......很难想象,在一个需要频繁切换视图的webapp里面,使用<a>标签去实现,对用户来说是很不友好的,换你你也不愿意等那么久,反正我是不愿意了....

为了解决webapp这些的体验和开发上的不足,我们决定学习并使用一个MVVM框架Vue.js

前端兴迈必用的Vue.js框架到底是什么?为什么这么受欢迎!

 

 

Vue.js的优点:

1.Vue.js更轻量更快

2.更容易上手,易学

前端兴迈必用的Vue.js框架到底是什么?为什么这么受欢迎!

 

 

Vue的核心

通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

这句话有两个关键词:数据绑定 和 视图组件。

Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,一个字:爽。再也不用你去操心DOM的更新了,这就是MVVM思想的实现。

视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图:

前端兴迈必用的Vue.js框架到底是什么?为什么这么受欢迎!

 

 

具体在开发过程中怎样实现一个组件,到底哪些区块可以划分成一个组件,后面的章节我们再一一介绍,这里你只需要知道,在Vue.js中,网页是可以看成多个组件组成的即可。

适用场景

如果你还在用jquery频繁操作你的DOM来更新页面的话,那么,你可以用Vue.js来解放你的DOM操作了。

如果你的项目中有多个部分是相同的,并可以封装成一个组件,那么,你可以试试用Vue.js。

此外,Vue.js的核心实现中使用了ES5的Object.defineProperty特性,IE8及以下版本浏览器是不兼容的,所以,你的项目需要兼容这些较低版本的浏览器的话,那么,Vue.js就不适用了。

毕竟,开发一个项目的目的不是为了使用某个框架。

Vue.js学习

 

 

 

 

 

 

打赏 点赞(0)
weinxin
投诉建议
文章名+链接地址,发送到此微信:tourism52
历史上的今天
08月
18
Document,对象,描述,Document,对象,描述,HTMLDocument, 菜鸟教程

Document 对象描述

Document 对象描述 HTMLDocument 接口对 DOM Document 接口进行了扩展,定义 HTML 专用的属性和方法。 很多属性和方法都是 HTMLCollec...
HTML,参考,手册,HTML,参考,手册,按,功能,类别, 菜鸟教程

HTML 参考手册(2)

HTML 参考手册 按功能类别排列 New: HTML5 中的新标签。 基础 标签 描述 !DOCTYPE 定义文档类型。 html 定义 HTML 文档。 title 定义文档的...
gi ,命令行,设置 菜鸟教程

CGI 和命令行设置

CGI 和命令行设置默认为将 PHP 编译为 CLI 和 CGI 程序。这将建立一个命令行解释器,可用于 CGI 处理或非 web 相关的 PHP 脚本。如果用户运行着一个 PHP...
Json,详解,前端,到,后端,Json,详解,前端,到,后端, 菜鸟教程

Json详解(前端到后端)

Json详解(前端到后端) Json有两种数据格式:前后台开发约定的一种数据格式,{key:value}类型的,key必须是字符串类型的,value是Object类型(也就是任意类...
为什么,要用,魔术,引号 菜鸟教程

为什么要用魔术引号

为什么要用魔术引号Warning本特性已自 PHP 5.3.0 起废弃并将自 PHP 5.4.0 起移除。◾ 没有理由再使用魔术引号,因为它不再是 PHP 支持的一部分。不过它帮助...
html,标签,介绍 菜鸟教程

2、html标签介绍

认识段落标签 P 标签当我们需要在网页上展示一段话时,就需要用到段落标签P标签了。比如我们需要展示新闻的详情、文章的详情、商品介绍等,这些内容都是由一段一段的内容构成的,那么我们的...

评论列表 共有 0 条评论

暂无评论