Vue ---day05

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 属性）