感兴趣的可以一起交流下,关于如何模拟一个APP路由的问题

[0x30]

我现在主要使用 vue 开发 Hybrid App 内的 web-app. 遇到了一些问题

1. 要模拟app内的页面交互逻辑,类似 ios 的UINavigationController
   1. 前进创建新的页面,也可以replace
   2. 返回时销毁栈顶视图,返回到新的栈顶,并且这个时候保证新栈顶的之前状态
2. 弹出层也属于视图,比如安卓点击返回的时候,应该先隐藏掉弹出层
3. 弹出层需要摆脱 状态绑定,任何时候都可以随时弹出,类似于 alert('')

以前的做法,大概就是 vue-router + keep-alive ,然后想办法去分辨前进还是后退,之后再 vue-router 的 befor-each 拦截返回是否存在弹出框

vue2 时候,可以使用 https://github.com/zack24q/vue-navigation 加上一些不是很好的方式完成以后 做法
vue3 时候,通过自定义一个 keep-alive ,在加上之前那些不好的方式 也可以完成

最近我开始思考一种新的方式 vue-navigation. 希望有感兴趣的 可以一起讨论讨论