小满Router教学

跟着小满zs 的 CSDN文章 和 B站视频 学习，所记下的笔记和代码，供自己思考和查询

推荐阅读：

• 官方文档： https://router.vuejs.org/zh/guide/
• 《前端工程化：基于 Vue.js 3.0 的设计与实践》 https://vue3.chengpeiquan.com/router.html
• 个人博客 vue3-router4

配套文档：

0. 什么是路由
1. 安装
2. 路由跳转方式
3. 不保存历史记录
4. 路由传参
5. 嵌套路由
6. 命名视图
7. 重定向-别名
8. 导航守卫
   1. 全局前置守卫案例-登陆判断路由
   2. 全局后置守卫案例-进度条加载
9. 路由元信息
10. 路由过渡动效
11. 滚动行为
12. 动态路由
    1. 动态路由案例-登陆后动态添加路由
    2. 模拟后端发送数据代码在 /end-mock-express

• 文章
  • 部分修改，增加了一些个人补充说明，和运行代码时遇到的BUG
  • 遵循 CC 4.0 BY-SA 版权协议，转载附上原文出处链接和声明。
• 代码
  • 代码可运行 根据文章结构进行分次 commit ，清晰展现实现不同功能的代码差异、方便回顾
  • 使用技巧
    • 在对应的 commit 右键 new branch ，创建分支，然后切换到新的分支， 就可以运行代码了
  • 

我学习的时间为 2023-01-13，小满的教程为 2022-03-27，要是能早点遇到满哥就好了，现在跟随满哥的步伐，认真学习技术

更多关于 vue3 的知识点，vue3 框架 和 pinia 全局状态管理 ： https://huxzhi.github.io/code/vue/