對于前端開發中的時間處理，經常會遇到時間轉換的問題。在使用 Vue 開發中，我們有時會遇到時間格式為 null 的問題，導致頁面無法正常顯示。這時，我們需要通過一些方法來轉換這些空的時間格式，以便能正常地顯示時間。

// 定義需要轉換的空時間格式
const emptyTime = '0000-00-00 00:00:00';
// 定義時間轉換方法
let formatTime = (time) =>{
if (time === emptyTime) {
return '-';
} else {
return new Date(time).toLocaleString();
}
}

我們可以看到，通過定義一個需要轉換的空時間格式變量 emptyTime，并定義一個時間轉換方法 formatTime()，來實現時間的轉換。其中，當傳入的時間參數等于空時間格式時，返回的是一個‘-’，其余時間則通過 new Date() 的方式，將時間格式轉換成 localeString() 的日期格式。

computed: {
// 計算屬性中使用 時間轉換方法 formatTime()
formattedTime() {
let time = this.time;
return formatTime(time);
}
}

在Vue的計算屬性 computed 中，我們可以使用上面定義的時間轉換方法 formatTime()，將需要轉換的時間格式轉換成所需格式，在頁面中顯示。

最后，在頁面中使用定義的格式化后的時間，展示即可。