vue项目中的页面刷新

那些粗暴的页面刷新方法无法满足我们审美上、体验第一的需求上的要求了,更加流畅的刷新技术需要被使用!!!

这里有两种好的跳转方法

原文链接:
vue项目刷新当前页面最优解决方式

一种是利用中转页面,我用上了第二种,通过在app.vue里的v-if来刷新,同时利用provide与injecte来向所有的组件传递reload方法,最后利用了nextTick控制刷新的时机。

下面介绍一下第二种方法中利用到的几个知识点:
1.provide与inject

这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的上下文特性很相似。
vue.js:provide-inject

2.this.$nextTick([callback])

回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值