Vue.js概述

Vue是一个非常令人印象深刻的项目。这是一个非常流行的JavaScript框架,并且正在经历巨大的增长。它简单,小巧且性能卓越。进一步了解


Vue是一种非常流行的JavaScript前端框架,正在经历巨大的发展。

它简单,小巧(〜24KB)并且非常高效。感觉与所有其他JavaScript前端框架和视图库不同。让我们找出原因。

首先,什么是JavaScript前端框架?

如果不确定什么是JavaScript框架,那么Vue是一个完美的初次接触。

JavaScript框架可帮助我们创建现代应用程序。现代JavaScript应用程序主要在Web上使用,但也为许多桌面和移动应用程序提供支持。

直到2000年代初,浏览器才具备现在所没有的功能。它们的功能要弱得多,并且在它们内部构建复杂的应用程序在性能上是不可行的,而且工具甚至都不是人们所想的。

当Google推出浏览器中运行的两个应用程序Google Maps和GMail时,一切都发生了变化。 Ajax使异步网络请求成为可能,并且随着时间的推移,开发人员开始在Web平台之上进行构建,而工程师则在该平台本身上工作:浏览器,Web标准,浏览器API和JavaScript语言。

像jQuery和Mootools这样的库是第一个基于JavaScript的大型项目,并在一段时间内大受欢迎。他们基本上提供了一个更好的API与浏览器进行交互,并提供了各种浏览器之间的错误和不一致的解决方法。

诸如Backbone,Ember,Knockout,AngularJS之类的框架是现代JavaScript框架的第一波浪潮。第二波是当前波,其主要参与者是React,Angular和Vue。

请注意,jQuery,Ember和我提到的其他项目仍在大量使用,积极维护和数百万个网站依赖它们。也就是说,技术和工具不断发展,作为JavaScript开发人员,您现在可能需要了解React,Angular或Vue,而不是那些较旧的框架。

框架抽象了与浏览器和DOM的交互。与其通过在DOM中引用元素来操纵元素,我们声明性地在更高的层次上定义并与他们互动。

使用框架就像使用C编程语言,而不是使用汇编语言来编写系统程序一样。就像使用计算机来编写文档而不是使用打字机一样。这就像拥有自动驾驶汽车,而不是自己驾驶汽车。

好吧,不是很远,但是您知道了。与其使用浏览器提供的低级API来操作元素,以及构建极其复杂的系统来编写应用程序,您使用由非常聪明的人构建的工具,这使我们的生活更轻松

Vue的受欢迎程度

Vue.js的受欢迎程度是多少?

Vue有:

  • 7600 stars on GitHub in 2016
  • 36700 stars on GitHub in 2017

截至2018年6月,它在GitHub上拥有超过100.000+颗星。

它的npm下载数量每天都在增长,现在每周约有350.000次下载。

我会说Vue是很受欢迎,给出这些数字。

相对而言,它与React的GitHub明星数量大致相同,而这在几年前就已经诞生了。

当然,数字并不是万能的。我对Vue的印象是开发人员它。

Vue兴起的关键时间点是Laravel生态系统中的采用,Laravel生态系统是一种非常流行的PHP Web应用程序框架,但是从那时起,它在许多其他开发社区中得到了广泛的应用。

为什么开发人员喜欢Vue

首先,Vue被称为渐进框架

这意味着它可以适应开发人员的需求。虽然其他框架需要开发人员或团队的完整支持,并且由于它们需要一些特定的约定而常常希望您重写现有应用程序,但Vue却很高兴通过一个简单的方法将其放置在您的应用程序内部script标签,它可以随您的需求而增长,从3行扩展到管理整个视图层。

您不需要了解Webpack,Babel,npm或任何有关Vue入门的知识,但是当您准备就绪时,Vue可使您轻松依赖它们。

这是一个很大的卖点,尤其是在当前的JavaScript前端框架和库生态系统中,这种生态系统倾向于疏远新手和经验丰富的开发人员,他们迷失在各种可能性和选择的海洋中。

Vue.js可能是更容易接近的前端框架。有人称Vue为新的jQuery,因为它很容易通过脚本标签进入应用程序,并从那里逐渐获取空间。自从jQuery在过去的几年中统治了Web以来,它一直是一种赞美,现在它仍然在许多站点上都发挥着作用。

Vue从最佳创意中挑选。它的建立是通过选择Angular,React和Knockout等框架的最佳思想,并挑选出那些框架的最佳选择,再剔除一些不太出色的框架,它开始时是“最佳”的设置,并不断发展壮大。从那里。

Vue.js在框架环境中的什么位置

谈到网络开发时,房间里的两头大象是反应角度的。 Vue如何相对于这两个流行的大型框架定位自己?

Vue是由Evan You在Google上开发AngularJS(Angular 1.0)应用程序时创建的,它的诞生是出于创建更多高性能应用程序的需要。 Vue选择了一些Angular模板语法,但是删除了Angular所需的,自以为是的复杂堆栈,并使其表现出色。

新的Angular(Angular 2.0)也解决了许多AngularJS问题,但是方式非常不同,因此需要购买打字稿并非所有开发人员都喜欢使用(或想学习)。

那React呢? Vue从React获得了很多好主意,最重要的是虚拟DOM。但是Vue通过某种自动依赖管理来实现它,该管理可跟踪哪些组件受状态更改影响,以便在状态属性更改时仅重新呈现那些组件。另一方面,在React中,当影响组件的状态的一部分发生变化时,该组件将被重新渲染,并且默认情况下,其所有子组件也将被重新渲染。为避免这种情况,您需要使用每个组件的shouldComponentUpdate方法并确定是否应重新呈现该组件。在易用性和开箱即用的性能方面,这给Vue带来了一些优势。

与React的一大不同是JSX。尽管您可以在Vue中使用JSX,但它不是一种流行的方法,而是使用了模板系统。任何HTML文件都是有效的Vue模板,而JSX与HTML截然不同,并且对于团队中的人员(例如设计师)可能只需要与应用程序的HTML部分一起工作具有学习曲线。 Vue模板与Moustache和Handlebars非常相似(尽管它们在灵活性方面有所不同),因此,对于已经使用Angular和Ember等框架的开发人员来说,它们更加熟悉。

官方状态管理库Vuex遵循Flux架构,有点类似于Redux在其概念上。再次,这是关于Vue的积极事情的一部分,Vue在React中看到了这种良好模式,并将其借给了其生态系统。尽管可以将Redux与Vue结合使用,但Vuex是专门为Vue及其内部功能量身定制的。

Vue非常灵活,但是核心团队维护着两个软件包,对于路由和状态管理之类的任何Web应用来说都非常重要,这使得它的分散性要比React小得多,例如:vue-routervuex是Vue成功的关键。您无需选择或担心您选择的该库是否会在将来维护,并且会跟上框架更新的步伐,并且成为正式应用程序,它们是它们利基市场的典范(但您可以选择当然使用您喜欢的东西)。

与React和Angular相比,把Vue放在不同的层次上的一件事是Vue是一个独立游戏项目:它没有像Facebook或Google这样的大型公司的支持。相反,它得到了社区的完全支持,该社区通过捐赠和赞助者促进发展。这可以确保Vue的路线图不受单个公司议程的驱动。

免费下载我的Vue手册


更多vue教程: