Vue 3 Router 插件：自动检索文件夹下的路由文件

在 Vue.js 3 中，可以使用 "@vue/cli-plugin-router" 插件来自动检索文件夹下的路由文件。\n\n首先，确保你已经全局安装了 "@vue/cli"，然后在你的 Vue 项目目录下，运行以下命令来安装 "@vue/cli-plugin-router" 插件：\n\n\nvue add router\n\n\n安装完毕后，会自动在你的项目中生成 "router" 文件夹，并在 "src/router/index.js" 文件中配置路由。\n\n接下来，在 "src/router/index.js" 文件中，你可以使用 "require.context" 来动态地检索文件夹下的路由文件。例如，假设你的路由文件都放在 "src/router/routes" 文件夹下，可以按照以下方式来检索：\n\njavascript\nconst files = require.context('./routes', true, /.js$/)\nfiles.keys().forEach(key => {\n const routes = files(key).default\n // 使用 routes 配置你的路由\n})\n\n\n这样， "require.context" 函数会根据指定的文件夹路径和正则表达式，动态地检索匹配的文件，并将其返回为一个模块。然后，你可以使用返回的模块来获取到路由配置，并将其配置到你的路由中。\n\n注意："@vue/cli-plugin-router" 插件是基于 Vue Router 进行扩展的，因此你需要先安装和配置 Vue Router，然后再使用该插件。