[发明专利]基于Vue生成动态页面的方法、系统、存储介质及设备

权利要求书

1.一种基于Vue生成动态页面的方法，其特征在于，包括以下步骤：

基于Vue脚手架工具创建Vue项目，并设置所述Vue项目的目录结构；

基于所述目录结构配置多个动态页面的路由地址、应用程序接口以及父组件模块，并使所述父组件模块利用所述路由地址分别定位至所述每个动态页面所在的位置，并通过所述应用程序接口分别获取所述每个动态页面的数据，以分别显示所述每个动态页面。

2.根据权利要求1所述的方法，其特征在于，基于Vue脚手架工具创建Vue项目，并设置所述Vue项目的目录结构包括：

基于Vue脚手架工具输入Vue项目名称，以创建Vue项目；

在所述Vue项目的根目录中安装必要组件模块，并在项目入口文件中引入所述必要组件模块；

在所述根目录下新建组件文件夹和源文件夹，并在所述源文件夹中新建路由文件夹和全局文件夹。

3.根据权利要求2所述的方法，其特征在于，基于所述目录结构配置多个动态页面的路由地址包括：

在所述路由文件夹中新建第一索引文件，并在所述第一索引文件中配置所述多个动态页面的路由地址；

在所述项目入口文件中引入所述路由地址，并将所述路由地址的实例注入至Vue根组件中。

4.根据权利要求2所述的方法，其特征在于，基于所述目录结构配置多个动态页面的应用程序接口包括：

在所述全局文件夹下新建http.js文件，并在所述http.js文件中存放封装的axios服务；

在所述全局文件夹下新建api.js文件，并在所述api.js文件中引入所述axios服务中的操作请求，并编写对应的应用程序接口。

5.根据权利要求4所述的方法，其特征在于，基于所述目录结构配置多个动态页面的父组件模块包括：

在所述组件文件夹下创建第二索引文件；

基于从所述应用程序接口获取到的数据编写Tab代码，并编写所述多个动态页面的父组件，并在所述父组件中使用ref参数以调用所述每个动态页面。

6.根据权利要求5所述的方法，其特征在于，还包括：

在所述组件文件夹下创建页面模板文件；

在所述第二索引文件中引入所述页面模板文件，并基于所述页面模板文件编写所述每个动态页面。

7.根据权利要求1所述的方法，其特征在于，还包括：

基于终端运行命令在本地浏览器打开所述Vue项目的WEB界面，以查看所述每个动态页面的生成情况。

8.一种基于Vue生成动态页面的系统，其特征在于，包括：

创建模块，配置用于基于Vue脚手架工具创建Vue项目，并设置所述Vue项目的目录结构；以及

配置模块，配置用于基于所述目录结构配置多个动态页面的路由地址、应用程序接口以及父组件模块，并使所述父组件模块利用所述路由地址分别定位至所述每个动态页面所在的位置，并通过所述应用程序接口分别获取所述每个动态页面的数据，以分别显示所述每个动态页面。

9.一种计算机可读存储介质，其特征在于，存储有计算机程序指令，所述计算机程序指令被处理器执行时实现如权利要求1-7任意一项所述的方法。

10.一种计算机设备，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时执行如权利要求1-7任意一项所述的方法。