1. 首页
  2. IT资讯

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

“u003Cdivu003Eu003Ch1u003EVue.js是什么?u003Cu002Fh1u003Eu003Cpu003E我们来看看百科的介绍u003Cu002Fpu003Eu003Cpu003EVue.js:(读音 u002Fvjuːu002F, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。u003Cu002Fpu003Eu003Cpu003E目前vue.js已经成为了前端大师必用的框架之一。想必很多小伙伴对它也很好奇,今天我们一起来认识一下vue.js!u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003EVue.js诞生背景u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E近几年来,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。u003Cu002Fpu003Eu003Cpu003E它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的APP。比如下面这些:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F15353512720553b887f071f” img_width=”640″ img_height=”502″ alt=”前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E这种webapp它们不仅仅像h5营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换等复杂的交互。在这样的业务需求下,我们还是沿用PC端的开发方案,难免会不太合适。比如:视图切换。u003Cu002Fpu003Eu003Cpu003E在PC端,视图切换我们会用<a>标签进行页面的跳转,但如果在移动端,那就歇菜了,你会遇到这样的画面:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002Fpgc-imageu002F1535351271015fc1cc84c7c” img_width=”640″ img_height=”321″ alt=”前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E (等到花儿都谢了)u003Cu002Fpu003Eu003Cpu003E这个时候用户只能等…..3秒,5秒,8秒…….很难想象,在一个需要频繁切换视图的webapp里面,使用<a>标签去实现,对用户来说是很不友好的,换你你也不愿意等那么久,反正我是不愿意了….u003Cu002Fpu003Eu003Cpu003E为了解决webapp这些的体验和开发上的不足,我们决定学习并使用一个MVVM框架——Vue.jsu003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002Fpgc-imageu002F1535351271844f44a2eb15c” img_width=”640″ img_height=”382″ alt=”前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003Eu003Cstrongu003EVue.js的优点:u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E1.Vue.js更轻量更快u003Cu002Fpu003Eu003Cpu003E2.更容易上手,易学u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F1535351271648503feaff43″ img_width=”556″ img_height=”213″ alt=”前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003Eu003Cstrongu003EVue的核心u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E这句话有两个关键词:u003Cstrongu003E数据绑定 u003Cu002Fstrongu003E和 u003Cstrongu003E视图组件u003Cu002Fstrongu003E。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003EVue的数据驱动u003Cu002Fstrongu003E:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,一个字:爽。再也不用你去操心DOM的更新了,这就是MVVM思想的实现。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E视图组件化u003Cu002Fstrongu003E:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F15353512720613c9e22ea7a” img_width=”489″ img_height=”800″ alt=”前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E具体在开发过程中怎样实现一个组件,到底哪些区块可以划分成一个组件,后面的章节我们再一一介绍,这里你只需要知道,在Vue.js中,网页是可以看成多个组件组成的即可。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E适用场景u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E如果你还在用jquery频繁操作你的DOM来更新页面的话,那么,你可以用Vue.js来解放你的DOM操作了。u003Cu002Fpu003Eu003Cpu003E如果你的项目中有多个部分是相同的,并可以封装成一个组件,那么,你可以试试用Vue.js。u003Cu002Fpu003Eu003Cpu003E此外,Vue.js的核心实现中使用了ES5的Object.defineProperty特性,IE8及以下版本浏览器是不兼容的,所以,你的项目需要兼容这些较低版本的浏览器的话,那么,Vue.js就不适用了。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E毕竟,开发一个项目的目的不是为了使用某个框架。u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Ch1u003EVue.js学习u003Cu002Fh1u003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F1535351816472cec07b51a1″ img_width=”295″ img_height=”240″ alt=”前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎!” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E今天小编就分享一下2018最新的Vue.js视频教程,获取方式:关注“黑马程序员”头条号,评论转发后台戳小编获取哦!u003Cu002Fpu003Eu003Cu002Fdivu003E”

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

主题测试文章,只做测试使用。发布者:玩家L-,转转请注明出处:http://www.cxybcw.com/27008.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code