Open a7650 opened 5 years ago
router.push(location, onComplete?, onAbort?)可提供可选的第2、3个回调函数，分别在导航完成后或者终止后调用。
router.push(location, onComplete?, onAbort?)
如果使用动态路由，只有参数发生了变化，则该路由的模块会被复用，意味着声明周期的钩子函数不会被触发，可以通过watch $route或者使用beforeRouteUpdate。
$route
beforeRouteUpdate
[路由里可以使用正则匹配，链接，如果一个路由可以被多个route匹配到，则遵循先定义的优先级最高，因此可以在路由的最后加上一个通配符*匹配的404页面。
router.go(n)是将路由前进或后退n步。类似于window.history.go(n)
router.go(n)
Vue命名视图 对跳转路由使用导航守卫不会有任何效果，导航守卫仅仅是应用在其目标上。router还可以添加别名{ path: '/a', component: A, alias: '/b' }意思是用户访问b时，url保持为b，但是路由匹配为a。
{ path: '/a', component: A, alias: '/b' }
路由组件传参。
导航守卫，router.beforeEach((to, from, next) => {// ...}), 链接
router.beforeEach((to, from, next) => {// ...})
导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 在路由配置里调用 beforeEnter。 解析异步路由组件。 在被激活的组件里调用 beforeRouteEnter。 调用全局的 beforeResolve 守卫 (2.5+)。 导航被确认。 调用全局的 afterEach 钩子。 触发 DOM 更新。 用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。
路由元信息 链接
Vue Router
router.push(location, onComplete?, onAbort?)可提供可选的第2、3个回调函数，分别在导航完成后或者终止后调用。如果使用动态路由，只有参数发生了变化，则该路由的模块会被复用，意味着声明周期的钩子函数不会被触发，可以通过watch
$route或者使用beforeRouteUpdate。[路由里可以使用正则匹配，链接，如果一个路由可以被多个route匹配到，则遵循先定义的优先级最高，因此可以在路由的最后加上一个通配符*匹配的404页面。
router.go(n)是将路由前进或后退n步。类似于window.history.go(n)Vue命名视图 对跳转路由使用导航守卫不会有任何效果，导航守卫仅仅是应用在其目标上。router还可以添加别名
{ path: '/a', component: A, alias: '/b' }意思是用户访问b时，url保持为b，但是路由匹配为a。路由组件传参。
导航守卫，
router.beforeEach((to, from, next) => {// ...}), 链接导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 在路由配置里调用 beforeEnter。 解析异步路由组件。 在被激活的组件里调用 beforeRouteEnter。 调用全局的 beforeResolve 守卫 (2.5+)。 导航被确认。 调用全局的 afterEach 钩子。 触发 DOM 更新。 用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。
路由元信息 链接