在Web開發中，經常會有需要選擇時間的場景，而選擇時間的方式也有很多種。在Vue中，我們可以通過一些插件或者自定義組件來實現時間選擇。本文將介紹一種基于Vue的只選擇時間的實現方式，使用vue-datetime-picker插件。

首先，需要安裝vue-datetime-picker插件，可以使用npm進行安裝：

npm install vue-datetime-picker --save

安裝完成后，在Vue組件中引入該插件：

import DatetimePicker from 'vue-datetime-picker'
export default {
components: {
DatetimePicker
}
}

接下來，在Vue模板中添加時間選擇器：

通過type屬性指定時間選擇器類型為“time”，這樣就只有時間部分可以選擇，日期部分會被隱藏。還可以通過其他屬性對選擇器進行自定義：

minute-interval屬性可以指定分鐘間隔，format屬性可以指定時間的顯示格式。除此之外，還有很多其他的自定義屬性可以使用，具體可以查看vue-datetime-picker官方文檔。

當用戶選擇時間后，我們可以通過v-model指令來獲取選擇的時間：

在Vue實例中，添加time屬性來存儲選擇的時間：

data () {
return {
time: ''
}
}

選擇的時間將會被存儲在time屬性中，可以在Vue組件中進行使用。如果需要對選擇器進行進一步的樣式修改，可以通過CSS來完成：

.vue-datetime-picker__wrapper {
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
}
.vue-datetime-picker__input {
border: none;
background-color: transparent;
font-size: 16px;
color: #333;
}

以上是一個基于Vue的只選擇時間的實現方式，使用vue-datetime-picker插件可以快速方便地完成時間選擇器的開發，而且擁有豐富的自定義屬性和事件，可以滿足各種不同的需求。