2. 判断是否为一个错误，需要导入 isNavigationFailure 这个函数，这个函数需要通过 vue-router 导入进来

封装 router-link 组件 一、自定义router-link 样式<template> <!-- 使用 custom 来告诉组件我们要开始使用自定义样式了 --> <router-link custom v-bind="$props" v-slot="{ navigate }"> <butt......

目前我们给组件传递参数，主要是使用动态路由来传递的参数，vue-router 也支持通过组件属性的方式来传递数据 props

这里指的导航守卫，是在 router.js 里面配置了的路由组件，其他不同组件配置不了

如果 <router-link/> 展示的路劲和当前 url 匹配就会自动给当前元素加上 ..router-link-active 这个 class 设置对应的 class 样式就可以了

命名视图可以通过 <router-view/> 设置那么 name 属性，然后在路由配置对象，中根据路由属性展示不同的组件

我们在编写页面跳转的时候并不只用超链接来控制页面的跳转，例如我们想在点击按钮的时候跳转页面，或者是在生命周期中跳转页面，就需要使用编程式的导航...

1.无法快速识别出是否是请求路由的服务超时还是没有任何可用节点，发生错误只能查看日志通过堆栈去定位； 2.无法兼容自定义的譬如{code:500,msg:”xx error”}格式的响应包格式。...

将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。

路由守卫router.beforeEach（路由拦截器），实现每次路由跳转前做点什么。一般用它来验证用户是否已登陆，已登陆时，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录...