文/华夏银行乌鲁木齐分行信息科技部张文涛
随着前端技术的迅速发展，开发模式也在不断演进。早期的Web页面由服务器端生成，浏览器负责展现，前后端高度耦合，导致业务逻辑与展现逻辑混杂在一起，代码可维护性差。Ajax（AsynchronousJavaScriptAndXml，异步JavaScript和Xml）交互式网页应用开发技术的出现给前端开发带来巨大的变革，前后端通过Ajax接口进行交互，分工更加清晰，这样的开发模式开始被广泛认可。但随着前端实现的功能越来越复杂，jQuery（JavaScript的框架）进行开发会使得业务逻辑、交互逻辑和UI设计混杂在一起，导致代码难以复用和维护，使得前端开发难度加大。
为降低前端开发复杂度，MVVM(Model-View-ViewModel，模型-视图-视图模型)的架构模式应运而生。MVVM架构模式将View和Model的同步逻辑自动化，实现了双向的数据绑定。基于Vue语言的Hui框架就是基于这种模式，前后端职责划分清晰，前端需要的数据只需请求后端的接口即可，实现了前后端更好的分离，有效地控制前端开发的复杂度，提高了项目的可维护性。MVVM架构模式前后端分离架构图如图1所示。
图1MVVM架构模式前后端分离架构图
前端开发框架Hui框架中对通用性模块进行集成，提供详细的前后端交互设计，开发者可以在框架的基础上进行项目构建。实践证明该框架有较高的应用价值，可以有效提升前端的开发效率，减少前端工程师的工作量。
数据响应更快速
在以往的Web项目中，将数据在视图中展示，如果需要修改视图，需要通过获取DOM的方法进行修改，这样才能维持数据和视图一致。而基于Vue的Hui框架采用的是MVVM的开发模式。这种模式将开发者从原始的DOM操作中解放出来，开发者不再需要花费大量的时间来维护视图和数据的统一，只需要