一、基本信息
标题：基于 Vue.js 的在线设计开放平台研究与实现
时间：2019年
来源：国网电子商务有限公司英大商务服务有限公司
关键词：Vue.js;在线设计开放平台;MVVM模式;组件化;
二、研究内容
1.主要内容
1.1系统功能设计
该系统功能主要包括首页、设计原则、组件、资源等 4大模块：1）首页：用于展示系统提供的功能 ( 设计原则 \ 组件 \ 资源 ) 介绍，及相应的快捷入口。功能介绍是从管理后台配置，通过接口请求获取，方便运营维护修改。2）设计原则：设计原则模块为方便设计师达成一致的设计理念而实现。包括设计理念、图标、字体、色彩、布局、栅格等 6 个菜单模块。3）组件：组件模块提供 h5 和 pc 端两套组件的在线代码及对应效果展示，为前端工程师快速构建项目，避免重复开发，提高开发效率提供方案。模块包括安装、快速上手组件呈现等菜单。安装及快速上手菜单提供了引用组件库的两种方式；组件呈现包含 14 个 PC 端组件和 20 个 h5 组件的代码、对应效果展示及 API 参数说明。4）资源：资源模块实现统一设计资源和开发资源的目的，目前包含 6 个设计资源的下载包。资源名、图标及下载路径均可在后台配置，方便运营
2.总体思路
2.1关键技术
该系统属于前后端分离系统，后台工程采用 restful 接口形式和前端工程交互。通过采用高内聚、低耦合的组件封装，及接口逻辑和交互逻辑分层的思想，提高了代码的可维护性、可读性及可扩展性。
三.结论
对于使用vue.js技术来实现系统有了一定了解
四.参考文献
[1]王璐,崔保磊,潘红霞,赵莉,田宇.基于Vue.js的在线设计开放平台研究与实现[J].信息技术与信息化,2019(11):168-170.