论文研究-基于Vue的前端组件化研究与实践 .pdf
需积分: 50 65 浏览量
2019-08-27
18:09:12
上传
评论 4
收藏 466KB PDF 举报
http://www.paper.edu.cn
- 1 -
中国科技论文在线
基于 Vue 的前端组件化研究与实践
李曰斌，詹舒波
**
作者简介：李曰斌(1992-)，男，硕士研究生，网络技术与应用
通信联系人：詹舒波(1965-)，男，教授，电信增值系统，基于智能网及其相关技术在电信网络的应用研究
与开发. E-mail: zhanshubo@cincc.cn
（北京邮电大学网络技术研究院，北京 100876）
5
摘要：在这个互联网高速发展的时代，用户交互和用户体验变的越来越重要。前端技术的发
展也呈现井喷的趋势，各种新技术，新框架不断涌现。组件化的开发思想正在成为前端开发
的一种趋势，Facebook 开源 React 后更是让前端开发人员体会到了组件化开发的优势所在。
不同于 React，本文要介绍的是另外一种 MVVM 框架 Vue，Vue 是一个数据驱动的轻量级组
件化开发框架。本文对 Vue 技术以及其数据驱动的组件化思想进行了研究，在此基础上，10
结合前端构建工具 webpack 以及 Vue 的 Router 机制，提出并实现了 Vue 构建单页应用的前
端解决方案。
关键词：计算机工程;前端组件化;Vue
中图分类号：TP 311.1
15
Study and Practice of Componentization in Front-End
Based on Vue
LI Yuebin, ZHAN Shubo
(Institute of Network Technology,Beijing University of Posts and Telecommunications,Beijing
100876) 20
Abstract: In such an era that Internet develops rapidly, user interacticon and user experience
becomes more and more important. With the continuously emergency of new technologies and
new framework, development of Front-End technology also presents trends in blowout. The
thinking of componentization in Front-End development is becoming a trend. After Facebook
open source to its React, more Front-End developers realize the benefits of componentization. 25
Unlike React, this paper is about to introduce the other MVVM framework called Vue. Vue is a
light data-driven framework that based in componentization. In this paper, the Vue technology and
its thinking of data-driven will be studied. On this basis, combined with Webpack which is a
Front-End builder, how to build a single page application used Vue is proposed and implemented.
Key words: Computer Engineering; Front-End Componentization;Vue 30
0 引言
近几年，由于前端技术的快速发展以及前端应用的复杂化，前端的技术形态已经和前几
年的 web page 时代完全不同。现在的前端开发面向是 web application，这一观念的变化导致
了现在的前端技术发展越来越借鉴传统客户端的开发经验，两者已经变得越来越趋同。现在35
的前端领域为了解决日益提升的 web 业务需求复杂度，各种解耦分层技术：MVP,MVVM，
可视化开发，自动化测试，团队协同开发等等应运而生。组件化开发模式有效缓解了业务发
展带来的复杂度提升的压力。
[1]
本文从 Vue 的角度，系统解释了如何构建一个以数据驱动
为基础的组件化开发前端解决方案。
40
1 Vue 简介
资源评论
