前不久，游鱼溪发布了Vue3.0Beta版本。发布后，我们在社区对前端开发者进行了调研和交流。人们普遍认为，Vue已经具备了开发商业项目的必要条件，如语法精炼、优雅简洁、代码可读性高、组件模块成熟等。自定义可以让开发者从编码等方面获得乐趣，当然还有商业项目开发最看重的与第三方控件结合的能力。正是这些能力，保证了“后浪”Vue能够与React、Angular等老牌前端开发框架并驾齐驱，在国内开发者中占据越来越重要的地位，并逐步发展成为国内前端框架前三.然而，在读者看来，作为近几年发展最快的JS框架，Vue崛起的主要原因不只是粉丝的过度追捧，更不是大公司的权威推广.与React和Angular相比，Vue在可读性、可维护性和趣味性之间取得了很好的平衡。结合我们之前为大家推荐的纯前端表格控件SpreadJS，有用户表示仅通过一周的自学就创建了一个可以在企业内部使用的表格协同文档系统。在这篇文章中，我们将分析Vue的特点，并谈谈为什么我推荐Vue而不是React和Angular进行商业项目开发。Vue、React、Angular的优势对比这张对比表应该代表了大部分人对这三种前端框架的理解。React的灵活性非常高，这决定了它的上限也很高。但是React比Vue有更多的规则。为了使项目代码和其他规则更有条理，需要更多的代码来实现。如果有一天我们不再依赖大量的npm包和ES5编译器，我们要做出ReactApplication是根本不可能的。相对于React所强调的所谓JS纯度和代码可读性，Angular确实是一个优秀的前端框架。Angular帮助我们快速进入开发阶段，在前几千行代码中，我们玩得很开心，但在那之后，代码开始变得糟糕。大多数时候，你会迷失在各种指令和作用域中，代码管理的困难会让大多数新开发者望而却步。所以Angular的主要问题就是太难了，上手难，做项目难。即使是资深的前端工程师也会头疼，但前期的投入换来的是后期维护压力小。对此，网上有人总结了一个公式：React=ThinkinJS，一切都是JS+Data（结构）Angular=ThinkinOO+Patterns（很多）+最佳实践Vue是设计很好的参考将这两个概念结合起来。对于大多数开发者来说，它优雅简洁，可以让我们专注于解决问题而不是代码逻辑。Vue的独特优势与其他前端框架相比，Vue在结构、风格、业务分离等方面更加清晰和彻底。更符合前端多年的编码习惯，更直观，更容易学习和维护。非常容易上手，资料丰富，框架功能完备，还增加了很多特性，比如if,for,async，为开发者省去了很多垃圾代码。模板支持html和jsx，支持自定义指令，便于操作dom的一致行为。1.入门门槛低，学习速度快Vue之所以好用，是因为它不需要复杂的配置，只需要一个HTML和相关文件就可以运行。从设计的角度，Vue也考虑了如何降低门槛，使得只需要了解Web（HTML、CSS、JS）的基础知识就可以快速上手，从而实现并完成一个应用。与React和Angular相比，Vue的中文文档是最好的。此外，国内还有非常丰富的视频、图文教程、各种开源插件。即使你是前端开发新手，一周左右也能学会。拿出一个项目。开篇就说了，借助第三方前端表格控件SpreadJS，自学一周就可以做出一份企业级的表格协作文档。因此非常适合非专业前端，或者前端初学者。其次，Vue设置多，想的少。定义了很多属性指令。API文档在那里组织。检查需要什么。2.人性化，符合用户习惯React的设计理念是提供强大复杂的机制让开发者适应我；而Vue是为了更好的适应开发者的使用习惯，在很多设置上它让开发者如何得来。例如，Vue的API非常适合传统Web开发人员熟悉的模板。Vue的单文件组件以模板+JavaScript+CSS的组合方式呈现，可以更好的与Web上已有的HTML、JavaScript、CSS配合；Vue提供响应式数据。当数据发生变化时，界面会自动Update，而在React中，需要调用SetState方法。3、Vue+第三方控件=高效&使用便捷&组件化架构前面我们提到了Vue的两个基本特性，但它能成为时代的发展趋势，可见Vue的能力远不止于此。从我们团队使用Vue的尝试来看，Vue出奇的好用。它借鉴了React的组件化、props、单向数据流、性能、虚拟渲染，并意识到状态管理的重要性。它借鉴了模板并赋予它更好的语法和双向数据绑定（在单个组件内），它不强制某种编译器，因此您可以在遗留代码中使用Vue，并保留旧的混乱jQuery代码已修改。尽管还有很多人认为Vue只适合开发简单的网站或者单页应用，但实际上Vue拥有比React和Angular更丰富多样的第三方控件资源。利用这些资源，Vue在企业级项目上比其他框架更方便、更高效。这里我们仍然以第三方控件SpreadJS为例，看看苏宁易购是如何在短短一周内搭建并上线企业级表单协同文档系统的。嵌入SpreadJS在线编辑器开发的系统界面。苏宁易购作为国内领先的O2O智慧零售，作为国内领先的O2O智慧零售，在实现协同办公之前，内部信息处理：在Excel上安装一个插件，通过插件与数据库进行通信，以及实现数据权限控制，这是非常低效和混乱的。为了提高效率，实现真正的协同办公，他们购买了SpreadJS纯前端表单控件，搭建了一个基于Web+Vue集成的Excel数据管理系统——“极客办公平台”。之所以选择Vue作为极客办公平台界面截图的前端框架，是因为Vue本身通过提供现成的范式让整个项目的构建过程变得更快。题外话：其实在选择Vue之前，项目组就已经尝试过React框架，但是一次次梳理props、重构微组件的过程让人痛苦不已。之所以选择SpreadJS，是因为它实现了MicrosoftOfficeExcel90%以上的内置功能。开发者无需安装任何软件，只需要添加一些UI样式和下拉框，即可快速交付一套完整的基于Web的Excel。Excel函数模块。据苏宁易购系统架构师侯健介绍，为保证新旧系统的顺利过渡，需要人力完成大量的Excel数据迁移工作。因此，新旧系统对Excel文件的兼容性非常重要。借助SpreadJS纯前端无损导入导出Excel的产品特性，GeekOffice平台得以成功交付并快速投入使用。点此了解苏宁集团“极客办公”系统开发案例SpreadJS与Vue集成。为什么选择Vue+SpreadJS？使用Vue+SpreadJS可以快速搭建一套在线协作表单文档。无论是文档性能、项目开发效率、后期维护成本，还是新旧系统间的数据迁移成本，他们都是一对“最佳搭档”。SpreadJS提供了类Excel的操作界面和开放的API，可以嵌入到系统中，快速实现Excel导入导出、公式计算、在线数据填写、打印提交、实时预览、数据校验等功能，和服务器端的数据交互。通过二次扩展，SpreadJS可以作为在线文档协同编辑系统的核心模块，满足多人协同、实时编辑、数据同步、多级报表、历史查询等业务需求。经过实测，借助Vue+SpreadJS，不到100行代码就可以将Excel的功能和用户体验完美嵌入到在线文档系统中。如上面苏宁易购的例子，在Vue对应的页面组件mount中再次调用初始化方法，实现高度类似Excel的表单布局，只需要如下代码：Vue-符合目前的大趋势我们尝试了很多次，使用Vue为不同的项目开发了很多代码，结果也很满意（每个项目周期不超过3个月）。也许，3个月对于后端开发来说不算什么，但在JS世界中，它很重要。文无第一，武无二。争论谁比谁好是没有意义的。本文不希望对这三个框架进行比较，而是希望能为大家提供更多的参考信息。根据自己项目的实际需求选择更合适的框架。就客观事实而言，最具创新性的是React，最具企业级能力的是Angular，可以取长补短，中间的数据是Vue。正是因为Vue具有门槛低、易上手、人性化、高效等特点，加上最丰富的中文资源和SpreadJS等优秀第三方控件的加持，开发者可以实现“短、平、快”项目的发展。在这个追求“快”和“变”的时代，这个前端框架的定位显然更符合时代的主流需求。即便Vue的作者游玉玺多次表示，多年后React在历史地位上肯定高于Vue。不过，历史地位并不是开发者需要考虑的问题。我们可以为某种编程语言或某种框架的社区发展做贡献，但在实际项目中，我们不能盲目地被束缚。
