？SpreadJS是一个基于HTML5的纯前端电子表格控件，兼容超过450个Excel公式。SpreadJS以其“高性能、跨平台、与Excel高度兼容”的产品特性受到以华为、苏宁易购、天弘基金等为代表的企业用户的青睐，SpreadJS在为用户带来友好的Excel体验的同时，也满足了企业WebExcel组件开发、表格文档协同编辑、数据填写、Excel报表设计等场景，大大降低企业研发成本和项目交付风险。点击下载SpreadJS最新试用版本文将分析Vue的特点，谈谈为什么商业项目开发推荐使用Vue而不是React和Angular。Vue、React、Angular的优势对比这张对比表应该代表了大部分人对这三种前端框架的理解。React的灵活性非常高，这决定了它的上限也很高。但是React比Vue有更多的规则。为了使项目代码和其他规则更有条理，需要更多的代码来实现。如果有一天我们不再依赖大量的npm包和ES5编译器，我们需要让React应用程序像攀登天空一样困难。相对于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的组件化、prop、单向数据流、性能、虚拟渲染，并意识到状态管理的重要性。借鉴模板，并赋予它更好的语法，双向数据绑定（在单个组件中），它不强制使用某种编译器，所以你可以在遗留代码中使用Vue，并改变以前的乱七八糟的jQuery代码被修改了。尽管还有很多人认为Vue只适合开发简单的网站或者单页应用，但实际上Vue拥有比React和Angular更丰富多样的第三方控件资源。利用这些资源，Vue在企业级项目上比其他框架更方便、更高效。这里我们仍然以第三方控件SpreadJS为例，看看苏宁易购是如何在短短一周内搭建并上线企业级表单协同文档系统的。（系统界面是通过嵌入SpreadJS在线编辑器开发的）作为国内领先的O2O智慧零售，苏宁易购在实现协同办公前对内部信息的处理：在Excel上安装一个插件，通过插件与数据库进行通信-in来实现数据权限控制是非常低效和混乱的。为了提高效率，实现真正的协同办公，他们购买了SpreadJS纯前端表格控件，搭建了一个基于Web+Vue集成的Excel数据管理系统——“极客办公平台”。（GeekOffice平台界面截图）之所以选择Vue作为前端框架，是因为Vue本身通过提供现成的范式使得整个项目的构建过程更快。题外话：其实在选择Vue之前，项目组就已经尝试过React框架，但是一次次梳理props、重构微组件的过程让人痛苦不已。之所以选择SpreadJS，是因为它实现了MicrosoftOfficeExcel90%以上的内置功能。开发者无需安装任何软件，只需要添加一些UI样式和下拉框，即可快速交付一套完整的基于Web的Excel。Excel函数模块。据苏宁易购系统架构师侯健介绍，为保证新旧系统的顺利过渡，需要人力完成大量的Excel数据迁移工作。因此，新旧系统对Excel文件的兼容性非常重要。借助SpreadJS纯前端无损导入导出Excel的产品特性，GeekOffice平台得以成功交付并快速投入使用。为什么选择Vue+SpreadJS？使用Vue+SpreadJS可以快速搭建一套在线协作表单文档。无论是文档性能、项目开发效率、后期维护成本，还是新旧系统间的数据迁移成本，他们都是一对“最佳搭档”。SpreadJS提供了类Excel的操作界面和开放的API，可以嵌入到系统中，快速实现Excel导入导出、公式计算、在线数据填写、打印提交、实时预览、数据校验等功能，和服务器端的数据交互。通过二次扩展，SpreadJS可以作为在线文档协同编辑系统的核心模块，满足多人协同、实时编辑、数据同步、多级报表、历史查询等业务需求。经过实测，借助Vue+SpreadJS，不到100行代码就可以将Excel的功能和用户体验完美嵌入到在线文档系统中。如上面苏宁易购的例子，在Vue对应的页面组件挂载中再次调用了初始化方法，实现了高度类似Excel的表单布局。只需要下面的代码：Vue-符合现在的大趋势我们过去无数次尝试使用Vue为不同的项目开发了很多代码，结果很满意（每个项目周期不超过3个月）。也许，3个月对于后端开发来说不算什么，但在JS世界中，它很重要。文无第一，武无二。争论谁比谁好是没有意义的。本文不希望对这三个框架进行比较，而是希望能为大家提供更多的参考信息。根据自己项目的实际需求选择更合适的框架。就客观事实而言，最具创新性的是React，最具企业级能力的是Angular，可以取长补短，中间的数据是Vue。正是因为Vue具有门槛低、易上手、人性化、高效等特点，加上最丰富的中文资源和SpreadJS等优秀第三方控件的加持，开发者可以实现“短、平、快”项目的发展。在这个追求“快”和“变”的时代，这个前端框架的定位显然更符合时代的主流需求。即便Vue的作者游玉玺多次表示，多年后React在历史地位上肯定高于Vue。不过，历史地位并不是开发者需要考虑的问题。我们可以为某种编程语言或某种框架的社区发展做贡献，但在实际项目中，我们不能盲目地被束缚。本文转载自葡萄城
