04-路由与状态管理

章节目标：围绕“04-路由与状态管理”建立知识主干，能说清关键机制，并能用最小代码或真实案例验证结论。

学习要求

• 阅读时把“概念、适用场景、常见错误、验证方法”分别记下来。
• 带代码的内容至少运行一次，再主动修改一个条件观察结果。
• 学完后选择三个主题，不看原文向别人讲清楚。

完整目录（122 篇）

• $patch
• Pinia “放外面 vs. 放里面” 决策全攻略
• 在 Pinia Store 中使用 Vue 的生命周期钩子
• 概览→拆分详解
• 状态持久化
• 404 not-found notfound not found
• HTML5 History 模式
• Meta 标准规范化
• Redirect 常见用法
• Redirect 路由
• redirect page.vue
• Vue Router 和 组合式 API
• Vue Router 路由钩子函数概述
• - 默认首页 默认匹配
• Vue-router vue route 最佳实践
• 登录后弹窗
• vue-router 的动态路由
• hash和history
• permission
• router-view 的key有什么用
• vue-cli中的BASE_URL在哪里定义的
• vue-route 3.x中不用配置路由，直接去views下找相应目录中的文件是如何实现的
• vue-route导航行为
• next() 作用
• resetRouter
• vue2中引入vue-router
• 添加动态路由配置和权限控制
• 使用步骤
• 保证 redirect 参数的安全性 重定向
• 动态路由
• 动态路由匹配
• 命名视图
• 命名路由
• 处理 懒加载 chunk 失效（发版后旧包残留-网络抖动），自动重试当前路由 chunk 加载失败
• Vue路由跳转和location.href的区别
• vue-router 时，组件复用导致路由参数失效的问
• beforeEach vs beforeResolve
• 使用组合 API
• 全局前置守卫
• 大厂分层模板
• 完整的导航解析流程
• 导航守卫
• 手机号未验证 弹窗
• 组件内的守卫
• 路由独享的守卫
• 嵌套路由
• 扩展 RouterLink
• 在导航完成前获取数据
• 导航完成后获取数据
• 数据获取
• 滚动行为
• 滚动行为控制 scrollBehavior
• 神奇 这款 Vue 后台框架居然不用手动配置路由
• 等待导航结果
• 编程式的导航
• 菜单选中状态的实现
• 路径最长匹配
• 路由元信息
• 路由懒加载
• 路由的匹配语法
• 路由组件传参
• 路由数据 转 菜单数据
• 路由配置转菜单数据
• 过渡动效
• 重定向和别名
• Action
• 分发 Action
• 在组件中分发 Action
• 组合 Action
• Getter
• mapGetters 辅助函数
• 通过属性访问
• 通过方法访问
• Module
• 命名空间
• 在带命名空间的模块内访问全局内容（Global Assets）
• 在带命名空间的模块注册全局 action
• 带命名空间的绑定函数
• 模块动态注册
• 给插件开发者的注意事项
• Mutation 必须是同步函数
• Mutation 需遵守 Vue 的响应规则
• Mutation
• 使用常量替代 Mutation 事件类型
• 在组件中提交 Mutation
• Redux和Vuex的区别及共同思想
• State
• 在 Vue 组件中获得 Vuex 状态
• 组件仍然保有局部状态
• Vuex 是什么？
• 严格模式
• 安装
• 开始
• 表单处理
• 内置 Logger 插件
• 插件
• 项目结构
• pinia
• uniapp中引入
• 使用pinia和Composition API 区别
• 使用示例
• setup函数
• 双向绑定
• react
• vue
• 跨页面异步状态管理
• provide-inject 机制
• 事件总线
• 最佳的组件通信方式
• 组合式api实现通信
• (5)子组件向父组件通信
• (5)有共同父组件的组件间通信
• (5)父子组件间通信
• (5)跨级组件通信
• (5)非嵌套组件间通信
• 调用子组件方法
• react-router 基础知识
• withRouter的作用和一个简单应用
• “前端路由”有哪些优点和缺点？
• 优化
• 单页中的菜单指示问题
• 路由的使用