vue自动路由实现代码

目的

解放你的双手，永远不要配置路线。当你看到项目中大量的路线是拆分维护业务路线还是统一门户维护时，不用担心。router-auto是您的最佳选择，它可以帮助您解决路由的维护成本。您只需要创建相应的文件夹，就可以动态生成路由。可以在main.js中截取路由，比你想象的要简单。

路由器-自动github地址很有帮助，你可以启动它。

路由器自动npm地址欢迎提及问题的影响

简要用法

具体用法请实时查看github或npm。以下是一些简单的用法介绍

引用

Const router auto=需要(' router-auto ')模块。exports={entry: ' . '，output3360 {}，module: {}，plugin3360 [new router auto ()]}项目结构

Package.json和其他文件和目录src项目目录

页面目录helloworld Index.vue页面条目hello.vue业务组件router.js另外配置demo test Index.vue页面条目test.vue业务组件Index.vue页面条目home Index.vue页面条目页面条目上方的目录结构生成路由结构如下

从“vue”导入Vue从“vue-router”导入Router从“@/page/helloworld/Index”导入hello world . Vue从“@/page/demo/index . Vue“import demo _ test from”@/page/demo/test/index . Vue“import home from”@/page/home/index . Vue . use(Router)导出默认的新Router({ mode:'history '，base:'/auto/'，routes:

参数描述类型默认值必需contentBase根目录，即src水平目录String当前根目录进程. cwd()模式中无模式字符串历史记录路由器中无基本字符串/自动/无观察器是否启用热更新(请在开发环境中启用)Boolean false无小缺陷

首先，我们的项目不需要子路线，所以都是平铺路线，但是你可以在文件夹中创建一个文件夹来规划子路线，然后升级几个版本来加入。当然，看看用法和需求，伪需求会切断磁盘上生成的router.js文件。作者会进一步优化，放到记忆里，一步一步，创造大好河山，然后就不会有瑕疵了.我希望提到的问题越多，这篇文章的参考和相关内容地址就越好

电子邮件[emailprotected]github进来点击star，作者给你什么！发布一切原因必须有结果，你的报应是我的nuxt源代码参考

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。