vue 路由文件的写法能更简洁吗?
如下图,看见好多项目的路由 配置文件 都是如下样子, path 和 name 和 component 同样的名字。 那能简化一下吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
如下图,看见好多项目的路由 配置文件 都是如下样子, path 和 name 和 component 同样的名字。 那能简化一下吗?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(5)
同问,有子路由的情况下呢?
name 和 path 是可选的,也是可以不同的,文件名也可以随便取。要简洁,可以写一个方法封装一下
规则明确的话,可以写个
node
脚本读取文件夹,然后写入这个文件里,特殊的路由再另行处理。用了脚手架的话,把脚本改写成
webpack
插件。应该可以,把这些组件写成一个数组,然后map试试,也可以用写个脚本读取某文件夹然后类似处理,官方好像有些全局组件的一个例子,可以参考写路由
用
require.context
,缺点每个页面都要有相关配置文件