本文将介绍如何在不使用vue-router提供的router-view的情况下,实现一个渲染路由对应组件的navigator控件,并逐步增加主副舞台区分、页面缓存、页面切换动画、左滑返回支持等功能。
本组件的源码位于我的github: https://github.com/lqt0223/navigator-demo/blob/master/src/components/Navigator.vue
本组件的demo: https://navigator-demo.herokuapp.com/#/view1 (建议在移动设备上打开(在iOS设备上使用Safari等浏览器打开时可能遇到左滑返回冲突的问题),或使用chrome dev tool,在手机模式下打开以支持触摸事件)