是什么vue.js?初学者概述

我们看看虚拟用户.js,一个值得您今天试用的前端框架。...

Vue是一个现代的前端框架,可以帮助任何人建立一个网站或web应用程序。它的重量轻,灵活,易于入门。但它也是一个完整、丰富的框架,可以满足最先进的web应用程序生成器的需求。

vuejs-overview

让我们看看虚拟用户.js你需要知道什么才能开始使用它。

了解vue

Vue是目前可用于JavaScript的最通用的框架。对于程序员和非程序员来说,它也是最容易理解的。

Vue对于刚接触网站开发的人来说很容易学习。几乎所有使用过HTML的人都遇到了困难,他们想做HTML做不到的事情。

例如,如果您想添加一个开关,将网站主题从浅色模式更改为深色模式,该怎么办?在汉堡按钮后面加一个简单的菜单怎么样?这时您可能需要学习一些Javascript。

这些任务在JavaScript中非常容易完成。您可以将一段JavaScript添加到一个脚本标记中,就可以完成所有的设置。这就是使用vanilla JavaScript**文本的方式:

JavaScript引用页面元素的方式可能会让初学者感到困惑。添加带有Vue的JavaScript和添加香草JavaScript一样简单。但是,使用Vue,您可以获得更多功能和对现代JavaScript技术的访问。这是如何使用Vue**文本的:

{{ message }}

让我们仔细分析一下这些例子。在JavaScript中,代码必须查找元素,选择元素的一个方面,然后对其进行更改。在Vue中,我们告诉HTML在哪里需要变量文本。然后我们创建了一个JavaScript对象,将其分配给元素,并设置变量text。

这个简单的例子说明了一个重要的点。最好保持代码与HTML的解耦。在Vue示例中,Vue不会直接操作HTML。它只管理自己的业务。它在不添加代码的情况下,还提供了HTML更多的功能。

vue是否是一个框架?

如果您熟悉其他框架,您可能会意识到他们通常需要您使用他们的技术从头开始构建应用程序。这通常包括从命令行创建应用程序和启动服务器。但是在上一个例子中,我们将Vue添加到一个静态网站中,没有那么复杂。

不过,Vue是一个框架。在介绍页面上,它说:“与其他单片框架不同,Vue从一开始就被设计成可逐步采用的。”这意味着你可以在你的应用程序中尽可能少地或尽可能多地使用Vue的功能。

您可以使用Vue来管理图像幻灯片,也可以构建一个包含所有提示的完整单页应用程序。这包括测试、路由、状态管理、安全等等。

vue是为谁设计的?

由于其强大的功能和多功能性,Vue吸引了广泛的观众。

vue是针对html/css/js纯粹主义者的

JavaScript是一个瞬息万变的生态系统,有大量的用户流失。你可以专注于一系列工具,并在两年后看到它们变得过时。JavaScript本身也增加了网站的复杂性。安装一个框架和一大堆摇摆不定的节点包只会让事情变得更糟。

因为这个原因,有些人更喜欢坚持基本原则。HTML工作得很好,CSS有它的怪癖,JavaScript有点时髦。但他们都坚如磐石!它们继续变化和进化,但缓慢而稳定。许多框架最终添加的更改会破坏代码。

但是,有一些脚本,比如jQuery和handlebar,可以让您作为前端程序员的生活变得更轻松。jQuery一开始很棒,但当代码库变得太复杂时,它就会变成意大利面条。车把也不错,但并没有做太多,使JS本身更容易使用。

Vue可以替换这两种工具并解决它们的问题。而且它这样做,而不完全接管你的网站。它引入了现代JavaScript实践,而不需要现代JavaScript的困扰。

vue用于快速原型

Vue是一个轻量级框架,具有更重的框架的功能。如果您有前端web开发的经验,您可以在几天内学习Vue。如果你没有,你可以从你需要的开始。

使用框架的一个主要原因是它们提供的工具使开发更快更容易。例如,渐进式web应用程序依赖于程序化导航、自定义布局和动态变化的结构。前端框架使这一挑战变得微不足道。Vue也不例外。

多亏了现代的框架,您现在可以完成过去需要几个月才能完成的项目。而且,由于Vue是如此轻量级和易于使用,您可以在数小时或数天内完成原型。

vue是用于web应用程序开发的

开发人员已经开始期待现代前端框架带来某些好处。HTML的字符串替换、基于组件的体系结构和工具都是很好的例子。Vue拥有所有这些好处,以及上面框架部分提到的好处。

vue是用于本机移动应用程序开发的

Web应用程序开发人员通常希望将其产品作为移动应用程序提供。传统上,他们是通过**额外的开发人员来为iOS和Android构建的。然后他们就得想办法协调三个平台。但今天,还有其他选择。

一种选择是使用NativeScript构建移动应用程序,开发者可以使用相同的JavaScript代码为Android和iOS构建应用程序。Nativescript开发人员甚至可以将他们的web代码移植到移动设备上,而不必**新的开发人员。它对Vue有很大的支持。

vue与其他框架相比如何?

根据2019年的stateofjs调查,Vue、Angular和React是三个最流行的框架。以下是一些需要考虑的问题:

三大框架

  • Angle是第一个大牌前端web框架。它由谷歌出版,自2010年开始就一直在。它通过指令和三向数据绑定将世界引入动态HTML,使代码在页面上神奇地更新而不需要刷新。
  • React是Facebook于2013年首次发布的,是Angle的更为平易近人的替代方案。React最为著名的是使用JSX和组件。
  • Vue于2014年由谷歌前雇员EvanYou发布。Vue没有介绍太开创性的东西。但它确实引入了一种更好、更清洁的工作方式。

三大优势

  • Angular是一个企业级的框架。它是最长的,由谷歌建立和维护。
  • 根据2019年的JavaScript现状,React是三大框架中被广泛采用的。它被称为易于操作和灵活。
  • Vue在主观上是最容易学习和实现的框架。而且它保持简单,因为它是没有牺牲一个丰富而强大的功能集。

对三巨头的批评

棱角分明的

众所周知,过去很难学。版本1(AngularJS)在文档中使用了大量大学级别的计算机科学术语。版本2(角度)简化和简化了很多。

  • 当谷歌发布Angle时,它将更高级别的概念保留在AngularJS中。但公司改变了很多细节,以至于许多开发商仍然觉得很困惑。
  • Angle早期有很多的搅动,几乎每个版本都会发生代码中断的变化。现在Angle更好了,但对于一些开发人员来说,它仍然非常正式、僵硬,而且很难学习。

反应

React最好但最具挑战性的方面之一是JSX。它将HTML、CSS和JS压缩为一种语言。这使得开发人员的工作更简单,但设计师的工作更难。

  • JSX还使使用现有库变得更加困难。此外,将设计、布局和代码放在同一位置被认为是一种反模式。这样做会产生混乱、不可读的代码。
  • React通过使用组件分离代码来优雅地处理这个问题。但如何正确地使用组件取决于各个开发人员。
  • React在技术上是一个框架。但它缺少一些重要功能,如导航和应用程序范围的状态管理。

vue公司

Vue解决了其他两个大公司提到的所有问题。与棱角不同,它很容易学习。与JSX不同,Vue组件将HTML、CSS和JS分开。

  • 对于设计师来说,在Vue组件中工作要容易得多。保持一切都干净并不是完全由开发人员来决定的。
  • Vue面临的最大挑战是采用率相对较低,缺乏“**级应用程序”。相当多的公司使用Vue,但可以说,他们中没有一家拥有品牌识别。

vue是另一种时尚吗?

尽管Vue已经存在了好几年,但它仍然是这个街区的新成员。它也没有其他两个公司的支持。如前所述,目前还没有展示其功能的**级应用程序。

Vue在企业层面缺乏支持,用**和基层支持弥补。埃文你经营一个帕特伦的运动来支持自己和其他开发人员。从某种意义上说,Vue是民主运行的。只要Vue有足够的兴趣,公司愿意支持Vue,Vue就会留在身边。

vue最好的部分

Vue提供了其他前端框架中最好的部分,以及许多Vue独有的特性。这里只是一个部分列表:

  • Vue使用基于组件的体系结构来实现结构和可重用性。
  • 它使HTML、CSS和JS在其组件中保持分离。
  • 对于开发者和设计者来说,Vue看起来和感觉都很熟悉。
  • 它提供了一个完整的GUI来服务、构建和创建项目。
  • Vue作为应用程序运行时使用热重新加载。热重新加载只更新页面上已更改的内容而不刷新。

Vue是一个私人拥有的项目,没有企业开销和政治。这可能会降低企业风险投资的吸引力。但它很容易学习,玩起来也很有趣,这对于前卫的初创公司来说是一个很好的选择。

也许最好的特性是它是由实用主义设计的,而不是由委员会设计的,这正是开源软件的意义所在。

  • 发表于 2021-03-30 14:05
  • 阅读 ( 419 )
  • 分类:编程

你可能感兴趣的文章

内容管理系统(drupal)和wordpress公司(wordpress)的区别

...合需要可伸缩性的复杂项目,而WordPress则更简单、更适合初学者,更适合中小型企业。 内容管理系统(CMS)是一种可以用来创建和修改数字内容的计算机应用程序。CMS由于其灵活性和易用性而广受欢迎。它可以用来格式化内容...

  • 发布于 2020-10-17 04:20
  • 阅读 ( 407 )

nosql(nosql)和数据库(mongodb)的区别

...be,2017年5月24日。这里有2.edurekaIN。“MongoDB教程-1 | MongoDB初学者教程-1 | Edureka”,YouTube,YouTube,2014年9月17日。此处提供3.Point教程。“MongoDB概述”。教程点,2017年8月15日。可在此处获取2.爱德华肯。“MongoDB教程-1 | MongoDB初学者...

  • 发布于 2020-10-20 01:00
  • 阅读 ( 240 )

模板(joomla)和wordpress公司(wordpress)的区别

...和发布文章。因此,它易于安装和使用。由于简单,它在初学者中很受欢迎。用户可以使用插件扩展应用程序。WordPress还支持用户管理活动,如更改用户角色、创建和删除用户以及更改密码。主题有模板,所以用户不需要从头开...

  • 发布于 2020-10-24 21:17
  • 阅读 ( 329 )

xbox成就:初学者指南

过去十年最大的游戏变革之一是Xbox的成就。这些看似毫无意义的任务在许多玩家中占有重要地位,让你可以向世界展示你的技能。 ...

  • 发布于 2021-03-11 16:39
  • 阅读 ( 393 )

如何修复windows10:初学者常见问题解答

... 让我们回答一些最常见的关于Windows10的初学者问题。 ...

  • 发布于 2021-03-12 01:54
  • 阅读 ( 317 )

你现在可以做10个预算的arduino星球大战项目

... 压电蜂鸣器包括在许多Arduino初学者工具包,是一个伟大的方式来添加声音的项目,我们使用了一个在我们的Buzz Wire游戏与Arduino教程。指导员用户埃塞拉用一个玩总是不祥的帝国死亡进行曲。该项目...

  • 发布于 2021-03-12 05:05
  • 阅读 ( 273 )

ubuntu:初学者指南

...的各个方面是一个好主意,但是对于希望获得技术支持的初学者来说,Launchpad Answers是一个很好的起点。 ...

  • 发布于 2021-03-12 17:29
  • 阅读 ( 297 )

9个最好的pi编程资源,把你的树莓pi使用

... Chin的refcard深入研究了Java编程。尽管如此,它仍然是初学者友好的。这个refcard涵盖了从设置到Java编程以及测试I/O库的所有内容。因此,带有Java和Raspberry Pi refcard的DZone IoT应用程序提供了全面的软件和硬件概述。DZone的IoT部...

  • 发布于 2021-03-14 03:57
  • 阅读 ( 233 )

10个最好的心理学网站帮助你教育自己

...理学入门课程。耶鲁、牛津和麻省理工学院等学校有时为初学者提供免费的在线心理学课程。 ...

  • 发布于 2021-03-19 12:04
  • 阅读 ( 206 )

新任天堂开关礼宾将带您参观您的主机

...否认交换机(当然还有Switch-Lite)是一个优秀的平台,对初学者和专业玩家都很好。 ...

  • 发布于 2021-03-26 17:25
  • 阅读 ( 181 )
zongnhtmmcfs
zongnhtmmcfs

0 篇文章

相关推荐