vue-router

117 阅读1分钟

vue router

提起router,有哪些知识点?

  1. 动态路由匹配,列表打开不同详情 /:id . 获取参数 this.$router.params
  2. 404页面配置
  3. 路由优先级,先定义的路由优先级高
  4. 嵌套路由,比如vue-admin 侧边栏固定。 children
  5. 路由重定向
  6. 各种props传参 模式:hash,history history需要后端进行404配置 重定向与别名 redirect alias

进阶版

  1. 滚动 异步滚动, scrollbeheiver to,from,next三个参数 to({x:0.y:0})
  2. 导航钩子拦截 router.beforeEach
  3. 监听路由 watch 进行数据请求
  4. this.$router.push 路由跳转
  5. 路由懒加载 import('') 箭头函数import动态引入
  6. 路由元信息 meta可以在这里定义页面名称以及做权限判断哦!