一、基本信息
标题：基于Vue.js的Web前端应用研究
时间：2017
来源：科技与创新
关键词：Web前端；Vue.js；JavaScript组件；Vue框架
二、研究内容
1.主要内容：
随着互联网的迅猛发展，用户对Web前端的使用体验、交互操作流程、外观有了更高的要求。特别是Web系统中越来越多的数据处理和业务逻辑开始偏向前端，导致Web前端工作量扩大，代码量增加。如果
仍然采用传统的方式开发设计Web前端，会导致前期开发度和后期维护难度增大，可扩展性变差。为了提高开发效率和代码复用率，越来越多的网页开发框架开始流行。于是先后提出了MVC、MVVM模式，方便
了构建基于事件的Web前端开发平台。本文主要介绍了基于MVVM模式的轻量级响应式框架Vue js的应用和研究，利用Vue框架实现了简化Web前端开发流程。
1应用需求
我校教师工作处为了更好地服务和管理全校教师借鉴全国教师管理系统,结合我校实际工作需求,开发-套Web教师管 理系统。该系统的主要要求有以下3个:(1)界面友好,美观大方。(2) 系统能实现对教
师的基本信息、教学、科研、学习经历、工作经历、培训、访学、获奖等信息的统计和管理。(3) 系统运行安全、稳定、速度快、便于管理。因为系统处于急用状态，开发、实施时间短，所以，决定采用前、后
端同时开发和调试，利用JSON API的方式，实现Web的前后分离，逻辑处理部分转移到前端来实现，开发人员可以根据用户的需求对前端进行快速迭代更新，具有高度的灵活性和可打展性。
2 Vue.js介绍
为了提高开发效率，对Web前端基于框架进行了开发。对比目前比较流行的React、Angular、 Ploymer框架， 最终选择了Vue js (以下简写为Vue)框架。与其他重量级框架不同的是，Vue是一套构建用户界
面的渐进式框架，采用自底向上增量开发的设计方式，是更加灵活、开放的解决方案，架构更加简单，适合开发人员快速掌握其全部特性并投入使用，还便于与第三方库或既有项目整合。结合Vue生态系统支持库
Vuex、Vue-router, 能够为复杂的应用程序提供驱动。
仍然采用传统的方式开发设计Web前端，会导致前期开发度和后期维护难度增大，可扩展性变差。为了提高开发效率和代码复用率，越来越多的网页开发框架开始流行。于是先后提出了MVC、MVVM模式，方便
了构建基于事件的Web前端开发平台。本文主要介绍了基于MVVM模式的轻量级响应式框架Vue js的应用和研究，利用Vue框架实现了简化Web前端开发流程。
1应用需求
我校教师工作处为了更好地服务和管理全校教师借鉴全国教师管理系统,结合我校实际工作需求,开发-套Web教师管 理系统。该系统的主要要求有以下3个:(1)界面友好,美观大方。(2) 系统能实现对教
师的基本信息、教学、科研、学习经历、工作经历、培训、访学、获奖等信息的统计和管理。(3) 系统运行安全、稳定、速度快、便于管理。因为系统处于急用状态，开发、实施时间短，所以，决定采用前、后
端同时开发和调试，利用JSON API的方式，实现Web的前后分离，逻辑处理部分转移到前端来实现，开发人员可以根据用户的需求对前端进行快速迭代更新，具有高度的灵活性和可打展性。
2 Vue.js介绍
为了提高开发效率，对Web前端基于框架进行了开发。对比目前比较流行的React、Angular、 Ploymer框架， 最终选择了Vue js (以下简写为Vue)框架。与其他重量级框架不同的是，Vue是一套构建用户界
面的渐进式框架，采用自底向上增量开发的设计方式，是更加灵活、开放的解决方案，架构更加简单，适合开发人员快速掌握其全部特性并投入使用，还便于与第三方库或既有项目整合。结合Vue生态系统支持库
Vuex、Vue-router, 能够为复杂的应用程序提供驱动。
四、参考文献
［１］基于Vue.js的Web前端应用研究[J]. 朱二华. 科技与创新. 2017(20)