A Vue 3 navigation manager that caches page state like a native app for smoother SPA navigation.
Vue Page Stack is a Vue 3 plugin that manages page navigation and caching in single-page applications. It solves the problem of page re-rendering and state loss during backward navigation by maintaining a page stack, similar to how native mobile apps handle navigation. This results in smoother transitions and preserved UI state.
Vue 3 developers building single-page applications who need enhanced navigation with preserved page state, such as forms, scroll positions, and component state.
Developers choose Vue Page Stack over Vue's built-in KeepAlive because it provides complete page stack management with automatic destruction of unused pages, re-rendering on forward navigation, and native app-like behavior without manual cache configuration.
Routing and navigation for your Vue SPA. Vue3.0 单页应用导航管理器
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Caches pages in a stack to preserve UI state like form inputs and scroll positions, mimicking native app behavior and preventing re-renders on back navigation.
Extends vue-router without altering original navigation logic, as shown in the installation requiring only a router instance for setup.
Automatically destroys unused pages from the stack and re-renders on forward navigation, preventing memory leaks unlike Vue's KeepAlive.
Provides back and forward events, enabling custom animations based on navigation direction, as demonstrated in the example App.vue code.
Cannot be used with Vue's Transition component in Vue3.x due to special handling of built-in components, limiting built-in animation options and requiring custom workarounds.
Lacks include/exclude and max parameters, forcing all pages to be cached in strict stack order without granular management, as admitted in the comparison with KeepAlive.
Implementing smooth animations requires additional custom code due to the Transition limitation, adding development complexity despite direction events.