Vue.js如何实现刷新当前页面的实例操作？

本文共计528个文字，预计阅读时间需要3分钟。

在修改过页面上的某些数据后，想要刷新页面查看修改结果，由于Vue的响应性，页面不会自动刷新。需要手动操作。Vue中刷新页面的方法有三种，最推荐的是：

使用Vue的`nextTick`方法结合`this.$forceUpdate()`手动触发更新。

在我们修改过页面的某些数据后，通过想要把页面刷新一下，看看修改后的结果。由于vue的存在，页面是不会自动刷新的，需要我们手动进行操作。在vue里有三种刷新方法，最推荐的就是组合控制法，另外另种方法也会分享给大家学习，下面我们一起来看看vue如何刷新页面吧。

1.强制刷新

window.location.reload()

原生 js 提供的方法；

this.$router.go(0)，vue 路由里面的一种方法；

这两种方法都可以达到页面刷新的目的，简单粗暴，但是用户体验不好，相当于按 F5 刷新页面，页面的重新载入，会有短暂的白屏。