vue3.0路由守卫

最新推荐文章于 2024-04-16 00:25:02 发布

努力吧！挺自己

最新推荐文章于 2024-04-16 00:25:02 发布

阅读量197

点赞数 3

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Sb1784591708/article/details/136198943

版权

本文详细介绍了Vue.js中的全局路由守卫（beforeEach和afterEach）及其在控制路由进入和离开时的行为，以及组件内路由守卫的使用方法。

摘要由CSDN通过智能技术生成

全局路由守卫

在router下的index.js中使用

// 全局进入路由的守卫函数
// to：要进入的路由
// from：从哪个路由来
// next：是一个函数，必须要调用它，否则程序就会阻塞
router.beforeEach((to,from,next)=>{
	console.log(to)
	next()
})

// 全局离开的路由函数，无next函数
router.afterEach((to,from)=>{
	console.log(to)
})