Vue.js 是一個用于構(gòu)建用戶界面的高效框架，它采用了MVVM（Model-View-ViewModel）的架構(gòu)模式，具有數(shù)據(jù)綁定、組件化、路由、狀態(tài)管理、虛擬 DOM 等特性。而對于當(dāng)前日期的顯示，在 Vue 中也是十分簡單的。

當(dāng)我們需要顯示當(dāng)前日期時，我們可以使用 JavaScript 中的 Date 對象，該對象可以獲取當(dāng)前系統(tǒng)時間。通過 Vue 中的數(shù)據(jù)綁定，我們可以把這個日期對象對應(yīng)的時間戳綁定到視圖中，從而實現(xiàn)當(dāng)前日期的顯示。

<template>
<div>
<p>當(dāng)前日期：{{ currentDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentDate: ''
}
},
mounted() {
this.currentDate = new Date().toLocaleDateString();
}
}
</script>

在上面的代碼中，我們首先在 data 中定義了一個名為 currentDate 的數(shù)據(jù)屬性，用于存儲當(dāng)前日期。在 mounted 鉤子函數(shù)中，我們使用 JavaScript 的 Date 對象獲取當(dāng)前日期，并使用 toLocaleDateString 方法將其轉(zhuǎn)換為本地時間的日期字符串，最終將其賦值給 currentDate 屬性。

需要注意的是，toLocalDateString 方法返回的日期字符串格式與系統(tǒng)設(shè)置有關(guān)。在不同的操作系統(tǒng)或瀏覽器中，該字符串格式可能存在差異。因此，在實際開發(fā)中，我們需要根據(jù)需求選擇合適的日期格式或自定義格式化方法。

此外，如果需要動態(tài)地更新顯示的日期，我們可以使用 JavaScript 的定時器 setInterval 每秒更新一次 currentDate 屬性。這可以通過在 Vue 實例中添加一個 setInterval 方法來實現(xiàn)：

export default {
data() {
return {
currentDate: ''
}
},
mounted() {
this.updateDate();
setInterval(() =>this.updateDate(), 1000)
},
methods: {
updateDate() {
this.currentDate = new Date().toLocaleDateString();
}
}
}

在 mounted 鉤子函數(shù)中，我們首先調(diào)用 updateDate 方法更新 currentDate 屬性的值，然后使用 setInterval 方法每秒更新一次 currentDate 的值。同時，我們也需要在 Vue 實例銷毀時清除定時器，以避免內(nèi)存泄漏。

通過以上方法，我們可以方便地在 Vue 中顯示當(dāng)前日期，并實現(xiàn)動態(tài)更新顯示。當(dāng)然，除了 Date 對象外，我們還可以使用 Moment.js 等第三方日期處理庫來更加靈活地處理日期數(shù)據(jù)。