時分秒是時間的三個基本組成部分，能夠讓我們更加清晰地了解時間的流逝和時間的段落。在Vue中，時分秒的處理非常方便，無論是在獲取時間、顯示時間、計算時間等方面，都十分得心應手。

在Vue中，我們可以使用vue-moment這個依賴庫輕松地處理時分秒。首先，我們需要安裝vue-moment，并在Vue的根實例中使用，如下所示：

npm install vue-moment –save

在Vue的根實例中使用vue-moment：

import VueMoment from 'vue-moment'
Vue.use(VueMoment)

安裝完成后，我們就可以在Vue的組件中使用moment.js庫了。例如，我們可以使用moment()方法獲取當前時間，并使用format()方法對時間進行格式化，如下所示：

export default {
data() {
return {
currentTime: ''
}
},
mounted() {
this.currentTime = this.$moment().format('HH:mm:ss');
}
}

在這個例子中，我們使用this.$moment()獲取當前時間，并使用.format()方法將時間格式化為“HH:mm:ss”的形式。我們將這個格式化后的時間保存到了一個名為“currentTime”的數據屬性中。

當我們想要在Vue組件中顯示當前時間時，只需要在模板中使用這個數據屬性即可：

{{ currentTime }}

當我們在瀏覽器中訪問這個Vue組件時，就可以看到顯示當前時間的效果了。

除了獲取當前時間之外，我們還可以在Vue中輕松地處理時間的加減、比較等操作。例如，我們可以使用.add()方法將當前時間加上一段時間間隔：

export default {
data() {
return {
futureTime: ''
}
},
mounted() {
this.futureTime = this.$moment().add(10, 'minutes').format('HH:mm:ss');
}
}

在這個例子中，我們使用.add()方法將當前時間加上了10分鐘，并使用.format()方法將結果格式化為“HH:mm:ss”的形式。最終，我們將加上時間間隔后的時間保存到了一個名為“futureTime”的數據屬性中。

需要注意的是，在使用.add()方法時，我們需要傳入兩個參數：第一個參數是時間間隔，第二個參數是時間間隔的單位。例如，在這個例子中，我們傳入的時間間隔為10，時間間隔的單位為“minutes”。

除了.add()方法之外，Vue還提供了.substract()方法、.diff()方法、.isBefore()方法、.isAfter()方法等，可以幫助我們對時間進行更加復雜的處理。

總之，在Vue中處理時分秒是非常簡單的，只需要使用vue-moment這個依賴庫，并掌握一些常用的方法，就可以輕松地完成各種時間操作。所以，如果你需要在Vue項目中處理時間，不妨嘗試一下使用vue-moment吧！