如何通过修改Vue源码实现动态路由缓存功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计2906个文字，预计阅读时间需要12分钟。
动态路由+官网解读：我们经常需要将某种模式匹配到所有路径，全部映射到同一组件。例如，我们有一个+User+组件，对于所有不同的+ID+用户，都要使用这个组件来渲染。
动态路由
官网解读 ：我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果。
即如果你有一个 盘点录入单 路由，但你想通过不同的传不同的 ID 来加载 CheckInputInfo 这个组件，若采用 params 方式，这时只需要在 path 后面配置 /:taskId 即可实现 CheckInputInfo/1 和 CheckInputInfo/2 这样的路由，同时可以通过 this.$route.params.taskId 来获取当前路由的 taskId 。
本文共计2906个文字，预计阅读时间需要12分钟。
动态路由+官网解读：我们经常需要将某种模式匹配到所有路径，全部映射到同一组件。例如，我们有一个+User+组件，对于所有不同的+ID+用户，都要使用这个组件来渲染。
动态路由
官网解读 ：我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果。
即如果你有一个 盘点录入单 路由，但你想通过不同的传不同的 ID 来加载 CheckInputInfo 这个组件，若采用 params 方式，这时只需要在 path 后面配置 /:taskId 即可实现 CheckInputInfo/1 和 CheckInputInfo/2 这样的路由，同时可以通过 this.$route.params.taskId 来获取当前路由的 taskId 。