Vue是一個非常流行的JavaScript框架，它可以幫助我們快速地構建出漂亮、穩定的Web應用程序。在Vue中，有一個非常實用的功能就是formatter，它可以幫助我們格式化時間。

// 日期格式化函數
function formatDate(value) {
// 如果為空值就直接返回
if (!value) {
return ''
}
// 通過moment.js庫將日期格式化成所需的格式
return moment(value).format('YYYY-MM-DD HH:mm:ss')
}
// Vue組件中的使用示例
export default {
data() {
return {
date: '2021-01-01 13:30:00'
};
},
computed: {
formattedDate() {
return formatDate(this.date);
}
},
template: `
原始日期：{{ date }}
格式化日期：{{ formattedDate }}
`
}

上面的代碼中，我們首先定義了一個日期格式化函數formatDate，它通過moment.js庫實現了日期的格式化，并返回格式化后的日期串。

在Vue組件中，我們定義了一個data數據date，它存儲了一個字符串格式的日期。然后，我們使用computed屬性定義了一個formattedDate計算屬性，它返回調用formatData函數后的結果。

最后，在template模板中，我們將原始日期和格式化后的日期展示在了當前組件中。這樣，我們就能夠方便地在Vue應用中進行時間格式化的操作了。