const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: ‘/user/:id‘, component: User } ] })
当匹配到一个路由时,参数值会被设置到this.$route.params
watch: { ‘$route‘ (to, from) { // 对路由变化作出响应... } }
beforeRouteUpdate (to, from, next) { // react to route changes... // don‘t forget to call next()
// 在当前路由改变,但是该组件被复用时调用 (动态路由)
// 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候,
// 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
// 可以访问组件实例 `this`
}
{ // 会匹配所有路径 path: ‘*‘ } { // 会匹配以 `/user-` 开头的任意路径 path: ‘/user-*‘ }
当使用一个通配符时,$route.params
内会自动添加一个名为 pathMatch
参数。它包含了 URL 通过通配符被匹配的部分
原文:https://www.cnblogs.com/zjt-blogs/p/11637408.html