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

权利要求书

1.一种基于VUE组件化页面开发方法，其特征在于，所述基于VUE组件化页面开发方法包括以下步骤：

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

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

2.如权组利要求1所述的基于VUE组件化页面开发方法，其特征在于，所述根据所述预设开发需求确定并构建得到目标组件的步骤，包括：

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

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

3.如权利要求1所述的基于VUE组件化页面开发方法，其特征在于，所述基于VUE组件化页面开发方法，还包括：

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

4.如权利要求3所述的基于VUE组件化页面开发方法，其特征在于，所述基于VUE组件化页面开发方法，还包括：

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

5.如权利要求1所述的基于VUE组件化页面开发方法，其特征在于，在所述根据所述预设开发需求确定并构建得到目标组件之后的步骤，还包括：

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

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

6.如权利要求1所述的基于VUE组件化页面开发方法，其特征在于，在所述选用符合所述实际页面的所述目标组件之后的步骤，还包括：

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

7.如权利要求6所述的基于VUE组件化页面开发方法，其特征在于，所述基于VUE组件化页面开发方法还包括：

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

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

8.一种基于VUE组件化页面开发装置，其特征在于，所述基于VUE组件化页面开发装置包括：

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

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

9.一种基于VUE组件化页面开发设备，其特征在于，所述基于VUE组件化页面开发设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于VUE组件化页面开发程序，所述基于VUE组件化页面开发程序配置为实现如权利要求1至7中任一项所述的基于VUE组件化页面开发方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有基于VUE组件化页面开发程序，所述基于VUE组件化页面开发程序被处理器执行时实现如权利要求1至7中任一项所述的基于VUE组件化页面开发方法的步骤。