维护 SPA 的 Title

title 分为:
  • 移动端 AppBar title
  • 浏览器 Tab title
  • 历史记录栈保存的 title
  • 上的 title/data-title 属性
    • title 用于浏览器提示
    • data-title 用于传递

会触发 title 更新的操作:
  • navigate
    • 从元素属性中读取 title
    • 从目标路由读取 title
  • popstate
    • 从历史记录中读取 title
  • refresh / new session
    • 从路由配置读取 title
    • 从网络获取数据后更新 title

解决办法:
  1. 不考虑 的 title
  2. 在全局数据管理中储存 title // historyState
  3. 使用单独的 UI title 组件 // 避免其他组件无效更新
  4. 初始化页面/导航时根据路由匹配更新 title
  5. 获取到数据后更新全局数据以更新 title