vue实现多行数据提交_VUE开发框架学习笔记（一）

为了更好的服务互联网移动应用，响应总行打造数字化银行的战略目标，浙江省分行对移动前端框架进行了积极的探索。

如今，以Angular、React、Vue为首的MVVM框架，正成为大量网站前端应用的首选。利用这些框架可以容易的开发一系列风格统一的移动端、桌面端网站，并相对平滑地转化为安卓与iOS的应用，打造一体化的线上服务。其中Vue框架易于使用，性能出色，且拥有大量第三方扩展。我行开始着手从传统的JQuery框架向VUE框架转型。

VUE的主要特征： 0 1Vue易于使用

许多人对Vue的评价都是易于使用的JavaScript框架，这里的易于使用包括两个方面，一方面Vue易于学习，了解基本的JavaScript语法即可上手开发，另一方面Vue易于部署，并支持模块化、渐进式交付，既可以单独在页面的某一区域引入Vue，对该区域的数据与视图使用新特性，保持原有的用户体验不变，也支持在前端使用Vue、Vuex与Vue Router构建完整生态的同时，在其中嵌入既有业务的JavaScript代码，实现资源复用。

0 2Vue使用虚拟DOM

Vue使用虚拟DOM进行页面的更新，通过JavaScript对象模拟真实DOM，在更新时通过JavaScript计算现有DOM与新DOM差异，最小化更新DOM区域，避免浏览器反复更新页面上的实体DOM，使得页面更新速度大幅提高，提升用户体验。

0 3Vue视图数据双向绑定

Vue支持数据与视图双向绑定，使用JavaScript脚本操作前端数据，视图将即时更新，用户使用控件操作视图时，数据也能完成同步更新。在获取数据变化的方法上，相比传统的发布订阅模式、或者定时轮询模式，Vue使用更为方便的数据绑定方式，通过使用类的defineProperty方法来关联各个属性的setter或者getter方法，可以实时获取数据变化，同步更新页面显示。

0 4Vue前端生态丰富

Vue的发展与迭代大多依靠开源社区，在开源代码平台Github上，有众多使用者不断反馈，提交工单更新，来不断演进。

Vue也拥有丰富的UI组件库，例如饿了么平台的封装Element UI组件库，在Github上也有5万余支持数。在饿了么上常见的小圆点开关，扁平风格的表格，出现在越来越多的网站上。这些开源组件一方面丰富了开源社区的选择，另一方面，也依托着开源社区，不断地完善自己，去扩展更多更广泛的领域。

以上为浙江省分行信息科技部在VUE框架探索上积累的一些知识与经验，下期将深入介绍VUE框架在我行的应用。

供稿|浙江省分行信息科技部