路由守卫图

1. 完整的导航守卫流程
2. 路由导航守卫和Vue实例生命周期钩子函数的执行顺序？
3. 在afterEach钩子中可以使用next()吗？
4. 全局导航守卫有哪些？怎么使用？
5. 什么是路由独享的守卫，怎么使用？
6. 在组件内使用的导航守卫有哪些？怎么使用？
7. 在beforeRouteEnter导航守卫中可以用this吗？
8. 怎么配置404页面？
9. 切换路由时，需要保存草稿的功能，怎么实现呢？
10. 路由有几种模式？说说它们的区别？
11. 怎么在组件中监听路由参数的变化？
12. 切换路由后，新页面要滚动到顶部或保持原先的滚动位置怎么做呢？
13. 在什么场景下会用到嵌套路由？
14. 什么是命名视图，举个例子说明一下？
15. 如何获取路由传过来的参数？
16. 路由组件和路由为什么解耦，怎么解耦？
17. 说说active-class是哪个组件的属性？
18. 怎样动态加载路由？
19. 怎么实现路由懒加载呢？
20. 路由之间是怎么跳转的？有哪些方式？
21. 如果vue-router使用history模式，部署时要注意什么？
22. route和router有什么区别？
23. Vue路由怎么跳转打开新窗口？

前台路由守卫