在前端開發過程中，經常遇到需要重載頁面的情況。如何讓Vue中的頁面重載呢？以下將介紹Vue中重載頁面的方法。

在Vue中，常用的重載頁面方式有兩種。一種是使用Vue提供的watch功能，另一種是使用window.location.reload()。下面分別介紹這兩種方法。

首先是使用Vue的watch功能。我們可以在Vue實例中使用watch來監聽數據的變化，并在數據變化時執行相應的操作，包括重載頁面。下面是一個簡單的例子：

new Vue({
data: {
message: 'Hello Vue.js!'
},
watch: {
message: function () {
window.location.reload();
}
}
})

在上面的例子中，我們通過watch監聽了data中message的變化。當message發生變化時，watch中的函數會被調用，這里我們讓頁面重載。

另一種常用的重載頁面的方法是使用window.location.reload()，這個方法可以簡單地刷新頁面。通常，我們會將這個方法放在一個Vue方法中，以便在需要時調用。以下是一個例子：

new Vue({
methods: {
refreshPage: function () {
window.location.reload();
}
}
})

在上面的例子中，我們創建了一個Vue方法refreshPage，用于刷新頁面。當需要刷新頁面時，只需要調用這個方法即可。

需要注意的是，使用這種方法會重載整個頁面，會丟失一些數據。如果需要保留數據，可以使用Vue中的路由（vue-router）來重載頁面的某個組件。以下是一個利用路由來重載頁面的例子：

const router = new VueRouter({
routes: [
{
path: '/home',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
},
{
path: '/refresh',
name: 'refresh',
component: Refresh
}
]
})
new Vue({
router,
methods: {
refreshPage: function () {
this.$router.push({ name: 'refresh' })
}
}
})

在上面的例子中，我們使用了Vue中的路由功能。當需要重載頁面時，只需要使用$route.push方法來導航到一個新的路由即可。這里我們新建了一個Refresh組件用于重載頁面。

總之，重載頁面在Vue中是一件非常常見的事情。我們可以使用watch來監聽數據變化，也可以使用window.location.reload()方法簡單地刷新頁面。如果需要保留數據，可以使用Vue中的路由來重載頁面的某個組件。這些方法都很簡單易用。