Vue 单页应用导航管理器 - vue-page-stack

Vue 单页应用导航管理器 - vue-page-stack
插件名称 vue-page-stack
发布时间 2020年12月29日
插件作者 mirrors

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>