使用JavaScript的Date對(duì)象，可以獲取當(dāng)前時(shí)間，然后我們可以通過(guò)Vue的數(shù)據(jù)綁定功能，在頁(yè)面上顯示時(shí)間。

new Vue({
el: '#app',
data: {
now: null
},
mounted() {
setInterval(() =>{
const date = new Date();
const time = date.toLocaleString();
this.now = time;
}, 1000);
}
})

上面的代碼中，我們定義了一個(gè)Vue實(shí)例，在data中添加了一個(gè)屬性now，用于存儲(chǔ)當(dāng)前時(shí)間。在mounted鉤子函數(shù)中，我們使用setInterval定時(shí)器，在每秒鐘更新一次當(dāng)前時(shí)間，并將其賦值給now屬性。最后，在模板中使用{{}}插值語(yǔ)法，顯示當(dāng)前時(shí)間。

一般情況下，實(shí)時(shí)顯示時(shí)間需要到秒級(jí)別，如果每秒鐘都更新一次，也許對(duì)性能會(huì)有一些影響，因此我們可以通過(guò)自定義指令來(lái)解決這個(gè)問題。

Vue.directive('time', {
bind: function (el, binding) {
setInterval(() =>{
const date = new Date();
const time = date.toLocaleString();
el.innerHTML = time;
}, binding.value * 1000);
}
})
new Vue({
el: '#app',
})

上面的代碼中，我們定義了一個(gè)自定義指令time，在bind鉤子函數(shù)中實(shí)現(xiàn)了更新時(shí)間的邏輯。在模板中，我們可以使用v-time指令來(lái)實(shí)現(xiàn)實(shí)時(shí)更新時(shí)間，并通過(guò)傳入一個(gè)數(shù)字來(lái)指定時(shí)間的更新頻率，單位為秒。

上面的代碼中，我們?cè)陧?yè)面中添加了三個(gè)p標(biāo)簽，分別使用v-time指令，并傳入不同的頻率，實(shí)現(xiàn)了漸進(jìn)加強(qiáng)的實(shí)時(shí)顯示時(shí)間效果。

總之，Vue可以很方便地實(shí)現(xiàn)頁(yè)面中的實(shí)時(shí)顯示時(shí)間功能，我們可以使用數(shù)據(jù)綁定、自定義指令等技術(shù)手段來(lái)實(shí)現(xiàn)該功能，并根據(jù)實(shí)際需求選擇不同的方案。