在 Vue 中，獲取當前時間的時分是一個很常見的需求。可以使用 JavaScript 內置的 Date 對象來獲取當前時間，再通過 Vue 的數據綁定來展示時分。以下是通過 Vue 獲取時分的示例代碼。

<template>
<div>
<p>當前時間：{{ currentTime }}</p>
<p>當前時分：{{ currentHour }}:{{ currentMinute }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: new Date(),
};
},
computed: {
currentHour() {
return this.currentTime.getHours().toString().padStart(2, '0');
},
currentMinute() {
return this.currentTime.getMinutes().toString().padStart(2, '0');
},
},
};
</script>

在上述代碼中，我們通過 data 函數來初始化 currentTime 數據，它會自動更新為當前時間。接著，我們使用 computed 屬性來計算當前時間的時和分，并將它們賦值給 currentHour 和 currentMinute 變量。在模板中，我們使用雙括號語法來展示時分。

這里使用 ES6 的 padStart 函數來補充時和分的零位，以防當小時數或分鐘數小于10時，展示的數字不美觀。