yinge0508的博客

addRoute 添加一条新的路由记录作为现有路由的子路由，如果路由有一个name, 并且已经有一个与之名字相同的路由，它会先删除之前的路由；addRoute(parentName: string | symbol, route: RouteRecordRaw): () => voidparentName: 父路由记录，route应该被添加到的位置；route: 要添加的路由记录addRoute(route: RouteRecordRaw): () => voidroute R

路由钩子函数分为三种:全局前置守卫router.beforeEach全局解析守卫router.beforeResolve全局后置钩子router.afterEach路由独享的守卫 beforeEnter组件内的守卫 beforeRouteEnter beforeRouteUpdate beforeRouteLeave1：全局钩子：全局前置守卫 beforeEachconst router = createRouter({ ... })router.b...

vue路由跳转的方式

第一种，第三种方法 页面刷新数据不会丢失;第二种方法 页面刷新数据会丢失;方式 跳转方式 对应路由 获取参数方式 第一种 //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, }) { path: '/particulars/:id', name: 'particulars',...

记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$route对象来应对这些变化，或使用beforeRouteUpdate的组件内守卫。当多个路由都匹配一个动态路由时，比如 "/user/123" , "/user/456" 都匹配下面的路由{ name:'dancanshu', path: '/user/:id',//单参数路由匹配 c...

先看效果：三块有颜色的Foo页面，Bar页面，baz页面 分别由不同的视图渲染出来，每个视图渲染一个组件；但是路由却是一个；即一个路由下有三个视图，每个视图渲染一个组件；配置如下：路由配置 { name:'my', path:'/my', component: () => import('../views/my.vue'), redi...