vue3+ts+vue-router4项目配置模块化路由

简单使用：

• 安装

pnpm install vue-router@4

1

• 创建router文件夹，并包括以下几个文件

• index.ts 文件是用于将modules文件夹的文件路由结构，并加载至routes里面

• 以home.ts为例

高级应用

为了规范化typescript开发，增加路由对象类型限制，好处：允许在基础路由里面增加开发者自定义属性，但是有时需要扩展一些字段来定制应用。

• 新增RouteRecordRaw的类型校验

• 还可以将字段放置在meta元数据里面，推荐这种