记录—Vue实现页面刷新(provide和inject )

Vue实现页面刷新

普通方法:
location.reload();
this.$router.go(0);
这两种方法会强制刷新页面,会出现短暂的空白闪烁
—————————————————————————————————————
使用 provide和inject
这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。

简单来说就是子孙组件可以访问到祖先的对象方法。

App.vue 文件里写入provide的方法








然后在需要刷新的子孙组件中用inject注入 App.vue 中provide声明的变量







你可能感兴趣的:(记录—Vue实现页面刷新(provide和inject ))