對于開發者而言，處理日期時間是不可避免的工作。在Vue項目中，我們經常需要比較不同的日期并將它們顯示在列表中。此時，我們需要一些簡單的技巧使得我們能夠更輕松地完成這個任務。

// 時間比較的簡單方法
compareDate (date1, date2) {
return new Date(date1).getTime() - new Date(date2).getTime()
}

首先，我們需要一個簡單的方法來比較兩個日期，并將它們轉換成時間戳進行比較。這個方法接受兩個日期參數，并返回兩者之間的時間差。

// 列表排序的簡單方法
orderByDate (dateList) {
return dateList.sort((a, b) =>this.compareDate(a.date, b.date))
}

接下來，我們需要一個方法來對日期列表進行排序。這個方法接受一個日期列表作為輸入，先將它們轉換成時間戳，再使用JavaScript數組的sort()方法進行按照時間戳排序。

// 過濾最近一個月的日期
filterRecentDates (dateList) {
const now = new Date().getTime()
const oneMonthAgo = new Date(now - 30 * 24 * 60 * 60 * 1000).getTime()
return dateList.filter(item =>new Date(item.date).getTime() >= oneMonthAgo)
}

有時候我們需要展示最近一個月的日期，可以使用一個方法來實現這個功能。此方法接受一個日期列表作為輸入，然后將它們過濾成最近一個月的日期。它首先獲取當前時間和一個月前的日期，并將它們轉換成時間戳。然后，它將日期列表過濾成只包含在這個時間范圍內的日期。

// 格式化日期輸出
formatDate (date) {
const d = new Date(date)
const year = d.getFullYear()
const month = ("0" + (d.getMonth() + 1)).slice(-2)
const day = ("0" + d.getDate()).slice(-2)
return `${year}-${month}-${day}`
}

最后，我們需要一個方法來格式化日期并將其輸出。這個方法接受一個日期作為輸入，使用JavaScript內置的Date對象將它轉換成需要的字符串格式。