Vue自动化路由如何从浅入深实现？

本文共计1544个文字，预计阅读时间需要7分钟。

在软件开发过程中，自动化一词出现的频率较高。自动化测试、自动化数据映射、以及各种代码生成器等，这些词汇的背后，都反映了在软件开发生命周期中对重复性工作的自动化需求。

在软件开发的过程中，"自动化"这个词出现的频率是比较高的。 自动化测试 ， 自动化数据映射 以及各式的代码生成器。这些词语的背后，也说明了在软件开发的过程中，对于那些 重复 、 千篇一律 的事情。人们总是想让它自己完成，来解放我们的双手。

“懒惰”是进步的动力

为什么要自动化路由

路由自动化在于解决以下的问题：

• 每次新建页面时的重复操作：在路由文件中添加对应的路由对象。
• 路由与代码耦合：路由依赖于路由对象的硬编码，当某一路由发生变动时，势必需要修改对应的路由对象。当路由层级、路径发生改变时，甚至可能面临的是整个路由对象数组的重写。
• 路由之间进行跳转时的硬编码。

目的很简单，在开发过程中，开发者仅需要做两件事即可：

• 为这个路由命名
• 在对应的目录下创建 .vue 文件

开发过程中只需要做这两步，无需再去关心路由对象如何编写。

甚至可以忽略第一步，对于小型项目而言。