维护 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
解决办法:
- 不考虑 的 title
- 在全局数据管理中储存 title // historyState
- 使用单独的 UI title 组件 // 避免其他组件无效更新
- 初始化页面/导航时根据路由匹配更新 title
- 获取到数据后更新全局数据以更新 title