如何使用Vue路由守卫（导航守卫）实现页面权限控制？

本文共计1361个文字，预计阅读时间需要6分钟。

最近学习Vue，感觉路由守卫这块知识点挺多的，而且很重要。所以今天添加了一些小笔记+官方文档+导航守卫，实际也是路由守卫，也可以是路由拦截。我们可以通过路由拦截，来...

最近在学习vue，感觉路由守卫这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记

官方文档

导航守卫其实也是路由守卫，也可以是路由拦截，我们可以通过路由拦截，来判断用户是否登录，该页面用户是否有权限浏览，需要结合meta来实现

vue中路由守卫一共有三种，一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫

所谓的路由守卫可以简单的理解为一座房子的门口的保安，想要进入这个房子就必须通过保安的检查，要告诉路由守卫你从哪里来？总不能随便陌生人就给放进去？要到哪里去？然后保安再告诉你下一步该怎么做？如果你的确是这个房子主人允许进入的人，那就让你进入，否则就要打电话给房子主人，跟房主商量(登录注册)，给你权限。