思路分析
1、什么是动态路由?
2、什么时候使用动态路由、怎么定义动态路由
3、参数如何获取
4、细节、注意事项
回答范例
1、很多时候、一组页面都由同一个页面来匹配,需要将给定匹配模式的路由映射到同一个组件,这种情况就需要定义动态路由。
2、例如: 可能有一个User
组件,它应该对所有用户进行渲染,但用户ID不同。在Vue Router中,我们可以在路径中使用同一动态字段来实现,例如:{path: '/user/:id', component: User}
, 其中:id
就是路径参数。
3、路径参数用冒号’:’表示。当一个路由被匹配时,它的params值将在每个组件中以this.$route.params
的形式暴露。
4、参数可以有很多个,例如/users/:username/posts/:postId
;除了$route.params
之外,$route
对象还公开了其他有用的信息,如$route.query
、$route.hash
等。
总结:大功告成✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️