vue3后台前端的标准化

4-13：业务落地：解析路由表，获取结构化数据 本小节的目标只有一点，那就是获取到之前明确的结构化数据： 那么想要完成本小节的目标，我们就需要先来看一下，现在的路由表结构是什么样子的。 想要获取路由表

4-12：业务落地：创建结构路由表 想要实现结构路由表，那么我们需要先知道最终我们要实现的结构是什么样子的，大家来看下面的截图： 这是我们最终要实现的 menu 截图 根据此截图，我们可以知道两点内容

4-08：用户被动退出解决方案之被动处理 上一节我们处理了 用户被动退出时的主动处理 ，那么在这一小节我们去处理 用户被动退出时的被动处理 。 还是和上一小节一样，我们还是先明确背景，然后再来明确业务

4-07：用户被动退出解决方案之主动处理 想要搞明白 主动处理 方案，那么首先我们得先去搞明白对应的 背景 以及 业务逻辑 。 那么首先我们先明确一下对应的 背景： 而我们此时所选择的方案就是 时效

4-05：退出登录方案实现 退出登录 一直是一个通用的前端实现方案，对于退出登录而言，它的触发时机一般有两种： 用户主动退出 用户被动退出 其中： 主动退出指：用户点击登录按钮之后退出 被动退出指：t

4-02：创建基于 Layout 的基础架构 在本小节我们需要创建基于 Layout 的基本架构布局，所以说会涉及到大量的 CSS 内容，这些 CSS 大部分都是比较基础的可复用的 CSS 样式，又因

3-14：密码框状态通用处理 对于密码框存在两种状态： 密文状态 明文状态 点击 眼睛 可以进行切换。 该功能实现为通用的处理方案，只需要动态修改 input 的 type 类型即可，其中： pass

3-12：Vue3.2 响应式优化对应用层的改变 在处理好了 SvgIcon 图标之后，接下来我们就需要处理登陆页面的逻辑问题了。不过在处理这个逻辑之前，我们需要先来明确一点 vue3 新的更新内容。

3-07：构建登录页面 UI 结构 1.在 views 中 login 文件夹，创建 index.vue 文件 2.在 router/index.js 中增加以下路由配置 3.在 login/inde

3-08：美化登录页面样式 创建全局的 style 在 src 下创建 styles/index.scss 文件，并写入以下内容： 在 main.js 中导入全局样式 在 views/login/in