網頁滾動是常見的交互行為，但是有時候我們需要一個按鈕來快速回到網頁頂部。在Vue中實現這樣一個回到頂部的按鈕并不是很困難，通過一些簡單的操作我們就能實現這樣的功能。

首先，我們需要在Vue的主要組件中添加一個按鈕，并且需要在該組件的data對象中添加一個布爾值，用于記錄按鈕是否被點擊。該布爾值初始值為false，按鈕點擊后會變成true，這樣我們就能判斷它是否被點擊了。

<template>
<div>
<button @click="scrollTop">回到頂部</button>
</div>
</template>
<script>
export default {
data() {
return {
buttonClicked: false
}
},
methods: {
scrollTop() {
this.buttonClicked = true;
// TODO: 回到頂部的代碼
}
}
}
</script>

接下來，我們需要在按鈕被點擊時回到頂部。我們可以利用Vue的watch功能來監測按鈕是否被點擊。當按鈕被點擊時，我們可以使用window.scrollTo方法將窗口滾動到頁面頂部。如果按鈕沒有被點擊，則不執行任何操作。

<script>
export default {
data() {
return {
buttonClicked: false
}
},
methods: {
scrollTop() {
this.buttonClicked = true;
}
},
watch: {
buttonClicked(newValue) {
if (newValue) {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
this.buttonClicked = false;
}
}
}
}
</script>

上述代碼中，我們使用了window.scrollTo方法將窗口滾動到頁面頂部，并且設置了smooth屬性，這樣頁面就會以平滑的方式回到頂部。在回到頂部之后，我們將按鈕的狀態重新設置為false，這樣下次點擊按鈕時就能再次觸發回到頂部的操作。

除了上述方法，我們還可以使用第三方插件來實現回到頂部的功能。如：vue-backtotop插件、vue-scrollto插件等等。這些插件不僅實現了回到頂部的功能，還提供了一些其他的滾動相關的功能，使用非常方便。在使用這些插件時，我們只需要安裝插件、導入插件并在代碼中適當地調用插件即可實現回到頂部的功能。

綜上，在Vue中實現回到頂部的功能是十分簡單的，只需要添加一個按鈕，并在它被點擊時觸發滾動操作即可。除此之外，我們還可以使用第三方插件來實現更加便捷的滾動操作。希望以上內容對您有所幫助！