Vue Router
组件嵌套和路由嵌套是一一对应关系
默认子路由: 1、父路由上不加 name 字段,加在子路由上;
2、或者 默认子路由上 path:"";
路由的精确匹配:
<router-link to="/user" exact></router-linke>
修改路由默认类:
linkActiveClass linkExactActiveClass
路由重定向,路由跳转
redirect
路由别名
路由的匹配规则 依然是 path;
别名”的功能让你可以自由地将 UI 结构映射到任意的 URL,而不是受限于配置的嵌套路由结构
组件内守卫
beforeRouteEnter 在渲染该组件的对应路由被 confirm 前调用,组件实例没有被创建(this不能用)
beforeRouteUpdate 在当前路由改变,但是该组件被复用时调用(foo/1 ---> foo/2, foo组件被复用,调用)
beforeRouteLeave 导航离开该组件的对应路由时调用
404页面配置
{path:"*",component:404Component}
path匹配规则 为 星,任意的
放在路由记录的末尾
路由组件
直接和路由绑定的组件称为路由组件
路由组件才能访问 路由对象: router route
组件即使路由组件又是 可复用组件(被import),设置 props:true
{path:’/usse’,component:User, props:true}
route.params中的数据自动就会被设置为组件的属性,与组件原有的props合并
props:(route)=>{return route.params.showItemId} (函数返回)
(也可以通过设置组件的 props 属性)
来源:https://www.cnblogs.com/baota/p/12355441.html