vue路由的配置方法及装置制造方法及图纸

本发明专利技术涉及前端开发技术领域，提供一种vue路由的配置方法及装置。所述方法包括：监听目标工程目录下扩展名为vue的目标文件，在目标文件发生变化的情况下，执行路由配置的脚本逻辑；其中，路由配置的脚本逻辑包括：根据目标文件的文件名以及目标文件的文件路径，获取路由数据；根据前端框架vue的路由文件格式确定路由模板；根据路由数据以及路由模板，生成路由文件。本发明专利技术提供的vue的路由的配置方法及装置，通过监听扩展名为vue的文件，在文件发生变化的情况下，执行路由配置的脚本逻辑从而自动生成对应的路由文件，无需人工手动配置，实现了vue路由的自动化配置，减少了大量重复的路由配置工作，提升了开发的效率。提升了开发的效率。提升了开发的效率。

【技术实现步骤摘要】
vue路由的配置方法及装置


[0001]本专利技术涉及前端开发
，尤其涉及vue路由的配置方法及装置。

技术介绍

[0002]目前前端大部分处于mvvm(Model
‑
View
‑
ViewModel，模型
‑
视图
‑
视图模型)的时代，基本上所有企业都使用前端框架vue或者react框架来开发的前端需求。其中，vue的单页面开发基本包含了webpack工程+vue业务代码+vue路由配置+列表页业务代码(项目需要)+vue组件等等。在面对大量的数据的列表页开发的过程中，需要重复的手动开发配置vue路由，大大的增加了开发人力成本以及重复性开发带来的bug。
[0003]因此，如何提出一种方法，能够提升vue路由开发配置的效率，实现vue路由的自动化配置，具有十分重要的意义。

技术实现思路

[0004]本专利技术旨在至少解决现有技术中存在的技术问题之一。为此，本专利技术提出一种vue路由的配置方法，实现了vue路由的自动化配置，提升了vue路由配置效本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种vue路由的配置方法，其特征在于，包括：监听目标工程目录下扩展名为vue的目标文件，在所述目标文件发生变化的情况下，执行路由配置的脚本逻辑；其中，所述路由配置的脚本逻辑包括：根据所述目标文件的文件名以及所述目标文件的文件路径，获取路由数据；根据前端框架vue的路由文件格式确定路由模板；根据所述路由数据以及所述路由模板，生成路由文件。2.根据权利要求1所述的vue路由的配置方法，其特征在于，所述执行路由配置的脚本逻辑，包括：构建命令行界面CLI工具，确定所述CLI工具的CLI命令以及所述CLI工具的脚本逻辑路径；执行所述CLI命令以执行所述脚本逻辑路径中的所述路由配置的脚本逻辑。3.根据权利要求2所述的vue路由的配置方法，其特征在于，所述确定所述CLI工具的CLI命令以及所述CLI工具的脚本逻辑路径之后，还包括：在所述脚本逻辑路径下执行npmlink命令，通过npm模块将所述CLI的命令链接到全局。4.根据权利要求1所述的vue路由的配置方法，其特征在于，所述根据所述目标文件的文件名以及所述目标文件的文件路径，获取路由数据，包括：根据正则匹配库读取所述目标文件，根据循环函数以及正则表达式，截取所述目标文件的文件名以及所述目标文件的文件路径，将截取后的得到的文件名和截取后的得到的文件路径作为所述路由数据。5.根据权利要求1所述的vue路由的配置方法，其特征在于，所述根据vue的路由文件格式确定路由模板，包括：根据vue的路由文件格式确定路由模板中的固定格式部分，根据预设格式确定所述路由模板中的文件名和文件路...

【专利技术属性】
技术研发人员：张彩凤，
申请(专利权)人：广东美的制冷设备有限公司，
类型：发明
国别省市：