VUE、VUE开源、VUE社区和VUE.js框架

背景

前端技术这几年突飞猛进，确实有其需要，但是环境也提供了莫大的优势。

有其需要是指早期开发模式不友好，比如早期的html+jquery的界面没有所见即所得的效果，前后端数据交互困难，html标签层面东西少，并且前端技术能和后端与桌面来比较，比如后端和桌面执行速度快，所以前端开发人员就拼命优化JavaScript的执行效率。需要改进且有目标，所以发展快。

环境，是指前端开发背后的国际标准组织比较统一，也可能是前端国际标准组织成立的晚，避免了一些负面因素，背后也没有太多巨头推脱，所以就发展比较快。

发展到现在，前端出来的平台竟然可以抢桌面和后端的机会，确实惊人。以前说跨操作系统平台，现在逐渐有语言跨环境平台的趋势。不过，现在前端和移动端确实是热点，希望大家能关注这个现实。这里会介绍一些热门的VUE开源项目，更新一些VUE开发的技巧，形成一个VUE社区，欢迎大家来投稿。

VUE介绍

Vue是一个现代的前端框架，全称是VUE.js框架，它可以帮助任何人构建网站或Web应用程序。它轻巧、灵活且易于上手。但这也是一个完整的，丰富的框架，可以扩展以满足最高级的Web应用程序构建器的需求。让我们看一下Vue.js以及开始使用它所需要了解的内容。

Vue需知

Vue是当前可用于JavaScript的最通用的框架。对于程序员和非程序员而言，它也是最容易理解的。 对于刚接触网站开发的人员而言，Vue易于学习。几乎所有使用HTML的人都碰壁了，他们想做HTML不能做的事情。 例如，如果您想添加一个开关来将网站主题从亮模式更改为暗模式，该怎么办？如何添加隐藏在汉堡按钮后面的简单菜单？那是您可能需要的时候。

这些是在JavaScript中非常容易完成的任务。您可以将一个JavaScript代码段添加到脚本标签中，然后就一切就绪。这就是使用原始JavaScript插入文本的样子：JavaScript引用页面元素的方式可能会使初学者感到困惑。用Vue添加JavaScript与添加普通JavaScript一样容易。但是使用Vue，您可以获得更多功能并可以使用现代JavaScript技术。在JavaScript中，代码必须查找元素，选择元素的一个方面，然后进行更改。在Vue中，我们告诉HTML在哪里期望可变文本。然后，我们创建了一个JavaScript对象，将其分配给元素，并设置变量文本。这个简单的例子说明了一个重点。最好保持代码与HTML分离。在Vue示例中，Vue不会直接操作HTML。它只管理自己的业务。它为HTML提供了更多功能，而无需添加代码。

Vue是框架吗？

如果您熟悉其他框架，您可能会意识到他们通常需要您使用他们的技术从头开始构建应用程序。这通常涉及从命令行创建应用程序并启动服务器。但是在前面的示例中，我们将Vue添加到了静态网站中，而没有那么复杂。 Vue是一个框架。在其简介页上，它说：“与其他整体框架不同，Vue从头开始设计为可逐步采用。”这意味着您可以在应用程序中使用尽可能少的Vue功能。 您可以使用Vue来管理图像幻灯片，也可以使用所有功能构建一个完整的单页应用程序。其中包括测试、路由、状态管理、安全性等等。

谁会用Vue?

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

Vue适用于HTML / CSS / JS纯粹主义者

JavaScript是一个瞬息万变的生态系统，流失率很高。有可能将自己献给一系列工具，并在两年后看到它们变得过时了。 JavaScript本身也增加了网站的复杂性。安装框架和庞大的Node包变化的堆栈只会使情况变得更糟。 出于这个原因，有些人喜欢坚持基础。 HTML可以正常工作，CSS有其独特之处，JavaScript有点时髦。但是他们都是坚如磐石！它们继续变化和发展，但缓慢而稳定。许多框架最终都添加了会破坏代码的更改。 但是，有一些脚本（例如jQuery和Handlebars）使您作为前端程序员的生活更加轻松。 jQuery很好用，但是当您的代码库过于复杂时，它就会变成意大利面条。Handlebars也很不错，但是它并没有使JS易于使用。 Vue可以替换这两个工具并解决它们的问题。这样做并没有完全接管您的网站。它介绍了现代JavaScript实践，而没有现代JavaScript的麻烦。

Vue用于快速原型制作

Vue是一个轻量级框架，具有许多较重框架的功能。如果您有前端Web开发的经验，则可以在几天内学习Vue。如果您不这样做，则可以根据需要从任意数量开始。 使用框架的主要原因之一是它们提供给您的工具可以使开发更快，更轻松。例如，a依赖于程序导航，自定义布局和动态变化的结构。前端框架使这一挑战变得微不足道。 Vue也不例外。 由于采用了现代框架，您现在可以完成过去需要数月才能完成的项目。而且由于Vue非常轻巧且易于使用，因此您可以在数小时或数天内完成原型。

Vue用于Web应用程序开发

开发人员已经期望从现代前端框架中获得某些好处。 HTML的字符串替换，基于组件的体系结构和工具就是很好的例子。 Vue具有所有这些好处，以及上面框架部分中提到的那些好处。

Vue用于本地移动应用程序开发

Web应用程序开发人员通常希望将其产品作为移动应用程序使用。传统上，他们是通过雇用额外的开发人员为iOS和Android进行构建来实现的。然后，他们必须找到一种在三个平台之间进行协调的方法。但是今天，还有其他选择。

一种选择是使用NativeScript来构建移动应用程序，这使开发人员可以使用相同的JavaScript代码为Android和iOS进行构建。 Nativescript开发人员甚至可以将其Web代码移植到移动设备上，而不必雇用新的开发人员。并且它对Vue有很大的支持。

Vue与其他框架相比如何？

Vue，Angular和React是根据这三个最受欢迎的框架。以下是有关它们的一些注意事项：

三大框架

Angular是第一个大型的前端Web框架。它由Google发布，自2010年以来一直存在。它通过指令和三向数据绑定向动态HTML引入了世界，该动态三向数据绑定使代码无需刷新即可在页面上神奇地更新。

React于2013年由Facebook首次发布，是Angular的一种更平易近人的选择。 React以使用JSX和组件而闻名。

Vue由前Google员工Evan You于2014年发布。 Vue没有引入任何突破性的内容。但是它确实引入了一种更好、更清爽的工作方式。

三大框架优势

Angular是框架的企业级野兽。它的运行时间最长，由Google构建和维护。

据称，React已成为三大框架中使用最广泛的框架。它以易于使用和灵活而著称。

从主观上讲，Vue是最容易学习和实施的框架。而且，它仍然像在不牺牲丰富而强大的功能集的情况下一样容易。

三大框架弱点

Angular

众所周知，Angular过去很难学习。版本1（AngularJS）在其文档中使用了许多大学级别的计算机科学术语。不过，第2版（角度）进行了简化和简化。

Google发布Angular时，保留了AngularJS的高级概念。但是公司改变了细节，以至于许多开发人员仍然感到困惑。

在Angular的早期，人们流连忘返，几乎每个版本中都有代码中断更改。 Angular现在更好了，但是它仍然非常正式，僵化，并且对于某些开发人员来说很难学习。

React

JSX是React最好但也是最具挑战性的方面之一。它将HTML，CSS和JS浓缩为一种语言。这使开发人员的一切变得更简单，但对设计师而言却更加困难。

JSX还使使用现有库更加困难。此外，将设计，布局和代码放在同一位置也被视为一种反模式。这样做会创建混乱的、无法读取的代码。

React通过使用组件来分隔代码来优雅地处理这一问题。但是，要由各个开发人员适当使用组件。

从技术上讲，React是一个框架。但是它缺少一些重要功能，例如导航和应用程序范围内的状态管理。

Vue

Vue解决了有关其他两个大问题的所有问题。与Angular不同，它很容易学习。与JSX不同，Vue组件将HTML，CSS和JS分开。

对于设计师来说，使用Vue组件要容易得多。保持一切干净并不完全取决于开发人员。

Vue面临的最大挑战是相对较低的采用率和缺少“杀手级应用”。很少有公司使用Vue，但是可以说，没有一家公司拥有品牌知名度。

Vue是另一种时尚吗？

尽管Vue已经存在了好几年，但它仍然是新手。它还没有其他两个公司的支持。就像已经提到的那样，没有任何杀手级应用程序可以展示其功能。 Vue在企业级支持方面缺乏的东西，通过热情和基层支持得以弥补。埃文·尤（Evan You）开展了Patreon广告活动，以支持自己和其他开发人员。从某种意义上说，Vue是民主运行的。只要对Vue有足够的兴趣，公司愿意支持它，Vue就会留下来。

Vue的最佳组成部分

Vue提供了其他前端框架的最佳组成部分，以及Vue独有的许多其他功能。这只是部分列表：

Vue使用基于组件的体系结构来实现结构和可重用性。

它在其组件中将HTML，CSS和JS分开。

Vue会让开发人员和设计师都感到熟悉。

它提供了完整的GUI，用于服务，构建和创建项目。

Vue作为应用程序运行时会使用热加载。热加载仅更新页面上已更改的内容，而无需刷新。

Vue是一个私有项目，没有公司的日常管理和政治干预。这可能使它不太适合企业投资。但是它很容易学习并且很有趣，非常适合有前途的初创公司。