vue3导航守卫

 如果我们要做一个根据页面改变标题可以直接在当前页面直接写

 这样写即可

也可以根据路由守卫进行更改，这里我设置全局守卫进行更改

在路由设置标题

 在路由时使用前置守卫

vue2老版的

 这是老板的vue2的方式，vue3里没有next()放行

vue3新版的，如果有阻止下一步就使用return false,放行就直接注销什么都不写

后置钩子

 路由独享守卫

 如果要异步处理守卫就在守卫前加一个async如图