vue-router : https://router.vuejs.org/zh/api/
1. tag属性去除了
<router-link to='/about' tag='div'>跳转到关于我们</router-link>
2. 写法问题
let router = useRouter(); ===> this.$router
let route = useRoute(); ===> this.$route
3. 导航守卫
全局路由守卫
beforeEach(to, from, next) 全局前置守卫,路由跳转前触发
beforeResolve(to, from, next) 全局解析守卫 在所有组件内守卫和异步路由组件被解析之后触发
afterEach(to, from) 全局后置守卫,路由跳转完成后触发
路由独享守卫
beforeEnter(to,from,next) 路由对象单个路由配置 ,单个路由进入前触发
组件路由守卫
beforeRouteEnter(to,from,next) 在组件生命周期beforeCreate阶段触发
beforeRouteUpdadte(to,from,next) 当前路由改变时触发
beforeRouteLeave(to,from,next) 导航离开该组件的对应路由时触发
07-13
2390
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
01-19
1万+
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)