当前位置:首页 >教程首页 > IT 学院 > WEB前端+全栈工程师班 >详解前端大牛必用的Vue.js框架

详解前端大牛必用的Vue.js框架

发布时间:2019-05-21 09:07:31

Vue.js是什么?很多想要入行前端的小伙伴们想必都听说过,但真的了解吗,今天就给大家详解前端大牛必用的Vue.js框架。

我们来看看百科的介绍

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

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

Vue.js诞生背景

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

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

1.jpg

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

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

2.jpg

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

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

3.jpg

Vue.js的优点:

1.Vue.js更轻量更快

2.更容易上手,易学

4.jpg

Vue的核心

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

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

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

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

5.jpg

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

适用场景

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

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

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

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

来源:技术学派头条号

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • 学电脑培训有哪些课程

    电脑已经是我们生活和工作离不开的工具了,不论是从事什么样的工作,不论是使用什么样的软件,都是需要运用互联网技术的。而想要掌握这......

  • 电脑培训机构学什么比较好啊

    在当下互联网时代,如果不会电脑,是很难找到好工作的,几乎很多岗位都是要基于电脑完成的。不过,不同的电脑培训,他们的课程是不一样......

  • 天津电脑设计培训学校哪家好

    电脑设计是现在艺术和电脑计算机相结合的产物,是设计中最为常见的设计方式,目前主要应用在平面设计、包装设计、产品设计、影视行业、......

  • 菏泽影视制作培训学校有哪些

    影视作品是离不开影视制作的。影视制作包括调色、加画面效果,加文字效果,加特效等后期处理,而学习影视制作也是很有就业前景的,可以......

  • 北京cad培训机构十个排名榜

    CAD就是目前全使用非常广泛的制图软件之一。在很多方面都会涉及到,比如说我们常见的工程上的应用,如建筑设计图纸,装修设计图纸,......

  • 大连影视制作培训学校排名

    影视制作在影视行业是非常重要的,尤其是当下影视行业的发展,对影视制作人才的需求扩大。当然学习影视制作技术也是一个不错的选择,不......

×
扫码快速获取
×