那些粗暴的页面刷新方法无法满足我们审美上、体验第一的需求上的要求了,更加流畅的刷新技术需要被使用!!!
这里有两种好的跳转方法
原文链接:
vue项目刷新当前页面最优解决方式
一种是利用中转页面,我用上了第二种,通过在app.vue里的v-if来刷新,同时利用provide与injecte来向所有的组件传递reload方法,最后利用了nextTick控制刷新的时机。
下面介绍一下第二种方法中利用到的几个知识点:
1.provide与inject
这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的上下文特性很相似。
vue.js:provide-inject
2.this.$nextTick([callback])
回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新