李健 张居力 张聃

【摘  要】近年来，随着Web前端技术的快速发展，用户对产品的体验和可用性需求大幅度提升，衍生出目前流行的三大前端框架Angular.js、React.js、Vue.js。而Vue.js由美籍华人开发，性能强悍、文档清晰明了、简单易学且更契合国内开发者习惯，成为国内当前最受欢迎的前端框架。以功能强大、开发方便的Vue.js作为城市轨道交通综合安防系统的后台开发，通过其模块化设计模式，可以构建出更高效、更快捷、可维护性强、更符合用户体验的用户界面。

【Abstract】In recent years， with the rapid development of Web front-end technology， users' demands for product experience and usability have been greatly improved， and the three popular front-end frameworks Angular. js， React. js and Vue.js have been derived. Vue. js is developed by Chinese Americans. With strong performance， clear documentation， easy to learn and more in line with the habits of domestic developers， it has become the most popular front-end framework in China. With the powerful and convenient development of Vue. js as the background development of urban rail transit integrated security system， the modular design mode can build a more efficient， faster， maintainable， and more consistent with user experience user interface.

【关键词】Vue.js;模块化;城市轨道交通;安防系统

【Keywords】Vue.js; modular; urban rail transit; security system

【中图分类號】U231;TP18                                             【文献标志码】A                                                 【文章编号】1673-1069（2021）02-0192-03

1 引言

近年来，公共场所的恐怖极端事件频发，面对国际与国内恐怖主义威胁，通过高科技安防手段遏制恐怖活动，保障社会稳定和公共安全，是当前中国乃至世界各国都在研究的重要课题，而城市轨道交通综合安防系统正是公司立项着手开发聚合多维度管理、跨平台、多部门协调等功能特性于一身的针对地铁安全防范的综合管理系统。在前端界面开发上，采用当前最流行的Vue.js+Element-UI前端框架以模块化方式进行界面的搭建，以更优的性能减少代码冗余增强后期维护性，以自带的查错机制减少系统故障率。

2 模块化编程的定义

模块化编程是一种软件设计技术，它强调将程序的功能分为独立的，可互换的模块，以使每个模块都包含执行所需功能的一个方面所必需的一切。

在创建模块化系统时，不是创建一个整体的应用程序（其中最小的组件是整体），而是单独编写几个较小的模块，因此当它们组合在一起时，它们会构建可执行的应用程序。……