# App.vue

**路径**：`src/App.vue`

## 功能用途

根组件，包含全局 AppBar、主内容区（router-view）。AppBar 含返回按钮、标题、登录/余额/头像菜单，主内容区使用 keep-alive 缓存 Home。

## 核心能力

- 顶部导航栏：返回、PolyMarket 标题、Login 或余额+用户名+头像菜单
- 登录态：`userStore.isLoggedIn` 控制展示
- 用户名：`nickName` 或 `userName` 显示在头像左侧（有值时）
- 挂载时与 `isLoggedIn` 变为 true 时：拉取用户信息与余额（`router.isReady()` + `nextTick` 后执行），确保钱包登录、刷新页面后头像和用户名正确显示
- keep-alive：`include="['Home']"` 缓存首页

## 扩展方式

1. **多级导航**：根据路由深度调整返回逻辑
2. **主题切换**：增加亮/暗模式切换
3. **多语言**：接入 i18n 插件