[发明专利]基于VUE组件化页面开发方法、装置、设备及存储介质

说明书

本发明公开了一种基于VUE组件化页面开发方法、装置、设备及存储介质，属于网页页面开发技术领域，所述方法为：在实际页面开发之前，获取页面开发项目的预设开发需求，根据所述预设开发需求确定并构建得到目标组件；在实际页面开发中使用Vue.js开源框架设计实际页面时，选用符合所述实际页面的所述目标组件，调用所述目标组件中的目标方法，进行组件化页面开发。本发明采用组件化思想来构建组件，并保留VUE的布局方式，快速进行页面布局，结合业务需求实现多种工具库，简化工具库的调用流程，打造统一的标准对外接口，统一编码规范，便于维护管理，最终提高了VUE页面开发的效率。

技术领域

本发明涉及网页页面开发领域，尤其涉及一种基于VUE组件化页面开发方法、装置、设备及计算机可读存储介质。

背景技术

随着项目越来越大时，单工程架构的业务模块间没有明确的划分，模块之前的耦合度大，后期维护成本较高，往往修改一处可能会影响别的耦合模块，出现问题也比较难定位。同时重复工作代码单元的可复用性低，即便复用也是代码级的拷贝复用，复用后再修改也需要多处同步更新，不方便同一代码的后期统一升级维护。

发明内容

本发明的主要目的在于提供一种基于VUE组件化页面开发方法，旨在解决现有技术中VUE页面开发效率低的技术问题。

为实现上述目的，本发明提供一种基于VUE组件化页面开发方法，所述基于VUE组件化页面开发方法包括：

在实际页面开发之前，获取页面开发项目的预设开发需求，根据所述预设开发需求确定并构建得到目标组件；

在实际页面开发中使用Vue.js开源框架设计实际页面时，选用符合所述实际页面的所述目标组件，调用所述目标组件中的目标方法，进行组件化页面开发。

可选地，所述根据所述预设开发需求确定并构建得到目标组件的步骤，包括：

根据所述预设开发需求确定所述目标组件所需的待重写方法和重写所述待重写方法所需的需求参数；

基于所述需求参数，对所述待重写方法进行重写得到目标方法，以一个或多个所述目标方法构建得到所述目标组件。

可选地，所述基于VUE组件化页面开发方法，还包括：

在实际页面开发之前，若所述预设开发需求中存在对已有的第一目标组件的引用，则在当前的第二目标组件中嵌套所述第一目标组件。

可选地，所述基于VUE组件化页面开发方法，还包括：

在实际页面开发中使用Vue.js开源框架设计实际页面时，若接收到对所述第一目标组件的修改指令，则在对所述第一目标组件完成修改后，对所述第一目标组件的引用处的所述第二目标组件实现同步修改。

可选地，在所述根据所述预设开发需求确定并构建得到目标组件之后的步骤，还包括：

在接收到发布所述目标组件的指令后，使用包管理器NPM发布所述目标组件；

在实际页面开发中使用Vue.js开源框架设计实际页面时，使用包管理器NPM安装所述目标组件。

可选地，在所述选用符合所述实际页面的所述目标组件之后的步骤，还包括：

通过在所述目标组件的DOM元素的options属性中配置所述目标方法中的组件参数，或者在初始化方法中传入所述目标方法中的所述组件参数。

可选地，所述基于VUE组件化页面开发方法还包括：

若通过在所述目标组件的DOM元素的options属性中配置所述目标方法中的组件参数，则判断所述组件参数是否是回调函数；

若所述组件参数是回调函数，则通过在VUE实例中获取得到的指定预设变量配置所述回调函数。