在 hybrid 的业务实践中,标题栏效果和顶部状态栏效果是绕不开的话题。
路由配置
基于此,我们需要保证尽量每次渲染的时候,尽可能早的按照配置进行渲染,而不是等到 router 的 afterEach 渲染完了标题栏之后,再去动态调整。
因此,我们希望再 TitleBar 组件的首次 setup 执行过程中,就直接读到 vue-router 配置的 meta 配置。
动态修改
api 暴露方式
挂载到 app 实例
app.setTitleBarOptions
挂载到 window
window.setTitleBarOptions