vue如何实现局部刷新功能-创新互联
这篇文章主要介绍vue如何实现局部刷新功能，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联建站于2013年成立，先为秀峰等服务建站，秀峰等地企业，进行企业商务咨询服务。为秀峰企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
利用Vue里面的provide+inject组合
使用2.2.0 新增的provide / inject控制的显示隐藏
在App.vue中使用provide
//App.vue
在使用局部刷新的组件中使用inject
其他的刷新页面方法
默认参数是 false，它会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变；
如果文档已改变，reload() 会再次下载该文档；
如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
参数为 true，无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样
先跳转到一个空白页面再跳转回来 //虽不会一闪，但是能看见路由快速变化
//需要页面刷新的地方，跳转到一个空白页
this.$router.push('/emptyPage')
//空白页
beforeRouteEnter (to, from, next) {
next(vm => {
vm.$router.replace(from.path)
})
}以上是“vue如何实现局部刷新功能”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！
网站标题：vue如何实现局部刷新功能-创新互联
文章路径：
http://csdahua.cn/article/hijoo.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
