方案：后端返回完整路由结构，前端动态组件映射

1. 设计思路

1. 初始状态： 路由表中只有“登录页”、“404”等基础静态路由页面。
2. 登录： 用户登录，获取 Token。
3. 获取权限： 前端拿着 Token 请求后端接口，后端返回该用户的菜单树（路由表）。

在 HTTP协议中，客户端必须先发起请求，服务器才能响应。这就像发邮件，你发一封，对方回一封。但如果需要开发一个即时聊天室、股票大盘或者实时视频监控的功能，让客户端每隔几秒钟问一次服务器“有新消息吗？”（轮询），既浪费带宽，延迟又高。WebSocket是解决这个问题的最优解。

一、 什么是 WebSocket？

1. 基本用法

v-model 是 Vue.js 中的一个重要指令，用于在表单输入和应用状态之间建立双向绑定。它简化了用户输入和应用程序数据之间的同步过程。

v-model 可以在各种表单元素上使用，如 <input>、<textarea>、<select> 等。它会根据元素的类型自动选择正确的方法来更新数据。

1.动态路由传参（params）

（1）定义路由（路径参数用 : 标记）：