vue-page-stack 是一个 Vue 单页应用导航管理器。

功能： 

•  在 vue-router 上扩展，原有导航逻辑不变
• push或者forward的时候重新渲染页面，Stack 中会添加新渲染的页面
• back或者go(负数)的时候先前的页面不会重新渲染，而是从 Stack 中读取，并且这些页面保留着先前的内容状态，例如表单内容，滚动条滑动的位置等
• back或者go(负数)的时候会把不用的页面从 Stack 中移除
• replace会更新 Stack 中当前页面
• 回退到之前页面的时候有 activated 钩子函数触发
• 支持浏览器的后退，前进事件
• 支持响应路由参数的变化，例如从 /user/foo 导航到 /user/bar，组件实例会被复用
• 提供路由方向的变化，并且可以在前进和后退的时候添加不同的动画

安装

npm install vue-page-stack
# OR
yarn add vue-page-stack

使用

import Vue from 'vue'
import VuePageStack from 'vue-page-stack';

// vue-router is necessary
Vue.use(VuePageStack, { router });

// App.vue
<template>
  <div id="app">
    <vue-page-stack>
      <router-view ></router-view>
    </vue-page-stack>
  </div>
</template>

---

官网：https://github.com/hezhongfeng/vue-page-stack

演示：https://www.vue365.cn/code_demo.php?id=3652

GitHub下载：https://github.com/hezhongfeng/vue-page-stack/archive/master.zip