[发明专利]基于VUE的前端应用组件化开发方法及装置

说明书

本发明提供了一种基于VUE的前端应用组件化开发方法及装置，属于前端应用开发领域，其中，基于VUE的前端应用组件化开发方法通过依据接收的URL的请求进行整理制定页面布局并制作成需求模型；依据接收的URL的请求进行路由，在预先建立的组件库中选取相应的组件；依据需求模型以及选取的组件进行组装以完成前端应用的开发。将前端应用拆分为多个组件的组合，并调取预先建立的组件库中多个组件进行组装，从而完成对前端应用的开发，极大的减少了开发周期以及降低了开发成本。

技术领域

本发明涉及前端应用开发领域，具体涉及一种基于VUE的前端应用组件化开发方法及装置。

背景技术

前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。

现有技术中，针对新应用进行前端开发时，需要是利用市面上已有的开源的框架，一个一个页面开发调试，既需要开发人员学习各种开源的前端技术，又需要开发人员学习各自领域的业务知识来完成前端应用的开发；而当需要开发大量页面时，所需要的开发周期也相对较长,开发成本也很高。

上述问题是目前亟待解决的。

发明内容

本发明所要解决的技术问题是提供一种基于VUE的前端应用组件化开发方法及装置。

本发明解决其技术问题所采用的技术方案是：提供了一种基于VUE的前端应用组件化开发方法，所述方法包括：

接收至少一个URL的请求；

依据接收的URL的请求进行整理制定页面布局并制作成需求模型；

依据接收的URL的请求进行路由，在预先建立的组件库中选取相应的组件；

依据需求模型以及选取的组件进行组装以完成前端应用的开发。

进一步的，所述组件库的建立方法包括：

分别开发基础组件库、工具类组件库、控件级业务组件库以及页面级组件库；

设定各个组件的依赖。

进一步的，所述基础组件库、工具类组件库、控件级业务组件库以及页面级组件库通过NPM或者Git Tag进行管理。

进一步的，所述各个组件的依赖的种类包括：

各级别组件之间的依赖；

组件内部间互相依赖；

各组件拥有自己依赖的第三方工具；

各组件中有公共的第三方依赖。

进一步的，所述基于VUE的前端应用组件化开发方法的还包括：

通过lerna来管理组件库中的依赖和/或版本变更；

通过husky对提交的组件包进行筛选。

进一步的，所述通过lerna来管理组件库中的依赖和/或版本变更的方法包括：

处理各组件之间的依赖关系；

管理组件的版本号和/或change log；

将处理后的组件发布到npm或Git Tag。

进一步的，所述基于VUE的前端应用组件化开发方法的还包括：

批量执行所述通过lerna来管理组件库中的依赖和/或版本变更的方法。

本发明还提供了一种基于VUE的前端应用组件化开发装置，所述装置包括：

接收模块，适于接收至少一个URL的请求；