Vue ---day04

本小妞迷上赌 提交于 2020-02-24 05:31:11

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!