升级前端框架，是否值得？

文章来源于我的一篇公众号文章，大家有兴趣可以关注一下，探索敏捷和DevOps的奥秘

升级前端框架，是否值得？

原创  2018-03-02  杨仁远  麒麟敏捷社区

目前关于建设前端产品的知识层出不穷，前端开发框架和与其搭配的各种插件也不断涌现，前端技术当前已经成为开发者们热门的讨论话题。

为了给用户呈现更现代化和更友好的用户体验，越来越多的项目的建设开始将前端工程从整体项目中剥离，并且将更多的精力聚焦于视图层的运作上，这在一定程度上也收敛了开发过程中技术研究的方向。目前前端的开发框架有很多，想必开发者们对许多主流的开发框架也非常熟悉。如：angularJs，Vue，react等等。然而要使用这些日新月异的框架必须面对的一步就是框架的升级。当然目前结合npm等工具在选择框架版本的时候可以说非常方便。但是有时候仍然会面临是否需要投入大量工作量进行升级工作的选择。

我们ADCloud项目目前就遇到了这样的情况。由于ADCloud项目在15年开始立项，当时公司内部普遍使用较为传统的前后端工程一体化的开发模式，使用传统或者内部的模板引擎进行视图层的渲染。这种开发模式的好处在于前后端代码统一管理，开发者能够比较整体清晰地设计开发思路，然而代码耦合度很高的缺点也非常明显。而后我们在这个项目上决定采用互联网比较热门的开发技术进行项目的建设。于是采用了前后端分离的开发模式，前端工程使用了数据双向绑定的Vue进行开发工作。在我们使用了Vue1.0进行了滚地雷式的开发工程两个月后，我们终于觉得前端的开发工作有点得心应手了。然而得到了Vue更新2.0的消息。

Vue1.0到2.0的转变还是比较大的，此时对于刚开始项目建设不久的我们来说升级框架的诱惑力还是很大的。但是升级带来的收益不清晰、所需要的改动之大，以及为了保持项目的稳步前行，我们还是选择了放弃。最近，经验的累积逐渐丰富，开发过程中也发现了一些问题，于是ADCloud项目“紫外线”前端工程组打算进行Vue2.0的升级工作。

 驱动升级的原因如下：

1、旧版本文献不足

由于在开发过程中需要快速地产出需求的解决方案，所以在开发过程中会有不断学习的地方。然而Vue1.x就有文献资料较少的缺点，一些成熟的解决方案也只适用于新版本的框架，这在开发过程中会一定程度上降低开发的效率。