一、Vue刷新頁面
在使用Vue的過程中，頁面的刷新操作是一個必不可少的環節。Vue提供了多種方法來進行頁面刷新。
1、使用location.reload()方法：
location.reload();
該方法會重新加載當前頁面，但是會忽略瀏覽器緩存，並重新請求資源，因此速度較慢。
2、通過添加時間戳來避免頁面緩存:
var timestamp = (new Date()).valueOf(); window.location.href = window.location.href + '?' + timestamp;
該方法為當前url添加時間戳，以保證每次請求都是唯一的。這種方法相對於location.reload()的方法，速度稍快，但是url的變化可能會影響一些網站的功能。
3、使用Vue Router提供的API來進行頁面刷新：
this.$router.go(0);
該方法會重新渲染當前路由的組件，並刷新頁面，但是不會重新請求資源。
二、Vue組件刷新辦法
如果需要刷新某個特定的組件，Vue也提供了多種方法來實現。
1、通過修改數據屬性來實現：
this.$set(this.data, 'key', value);
這種方式會觸發組件的重新渲染，從而實現組件的刷新。
2、通過使用Vue的watch來監聽數據的變化，從而實現組件的刷新：
watch: {
data: function(newVal, oldVal) {
this.initData();
}
}
這種方式會在數據屬性發生變化時，觸發組件的刷新。
三、Vue刷新UI
當數據變化時，往往需要更新UI，Vue也提供了多種方法來實現。
1、手動調用$forceUpdate()方法：
this.$forceUpdate();
該方法會強制組件重新渲染，從而實現UI的刷新。
2、使用Vue提供的v-bind綁定class和style來實現：
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/198002.html
微信掃一掃 
支付寶掃一掃 