安装
npm i -S vue-navigation
使用
main.js中
import Navigation from 'vue-navigation';
Vue.use(Navigation, {router})； // vue-router 实例
App.vue中
<navigation>
<router-view></router-view>
</navigation>
页面自动生成的刷新标识
image.png
如果有vuex
Vue.use(Navigation, {router, store})
更改刷新的Key
Vue.use(Navigation, {router,keyName: 'SSSS'})
image.png
使用场景：
- 实现前进刷新，后退不刷新
- 前进、后退分别使用不同的过场动画。
vue-navigation 支持如下 5 种事件类型的监听：
forward：前进
back：后退
replace：替换
refresh：刷新
reset：重置
对应的监听方法：
this.$navigation.on('forward', (to, from) => {
console.log('forward to', to, 'from ', from)
})
