Vue.js是一個(gè)流行的JavaScript框架，它的核心思想是組件化開發(fā)和響應(yīng)式數(shù)據(jù)綁定。在Vue.js中，時(shí)間格式化是一個(gè)重要的功能，它能夠把日期時(shí)間轉(zhuǎn)換成用戶易于理解的文本形式。Vue.js提供了豐富的時(shí)間格式化工具，可以輕松地實(shí)現(xiàn)多種時(shí)間格式化方式。下面將介紹Vue.js中的時(shí)間格式化方法。

new Vue({
data: {
date: new Date()
},
computed: {
formattedDate: function () {
// YYYY-MM-DD HH:mm:ss
var year = this.date.getFullYear()
var month = ('0' + (this.date.getMonth() + 1)).slice(-2)
var day = ('0' + this.date.getDate()).slice(-2)
var hour = ('0' + this.date.getHours()).slice(-2)
var minute = ('0' + this.date.getMinutes()).slice(-2)
var second = ('0' + this.date.getSeconds()).slice(-2)
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second
}
}
})

以上代碼中，我們定義了一個(gè)計(jì)算屬性formattedDate，它基于當(dāng)前時(shí)間對象date計(jì)算出一個(gè)格式化后的時(shí)間字符串。在formattedDate中，我們使用了JavaScript中的getFullYear、getMonth等方法獲取年、月、日、時(shí)、分、秒等時(shí)間信息，并使用slice(-2)方法保證獲取到的月、日等時(shí)間信息都是兩位數(shù)，比如01、02等。

除了使用上述方法外，Vue.js還提供了許多時(shí)間格式化的插件，可以滿足不同場景的需求。比如，moment.js是一個(gè)廣泛使用的JavaScript時(shí)間處理庫，它可以方便地對日期進(jìn)行格式化、解析、比較等操作。我們可以將其作為Vue.js的插件使用：

import moment from 'moment'
Vue.use({
install: function (Vue) {
Vue.prototype.$moment = moment
}
})

以上代碼中，我們將moment.js作為Vue.js的插件導(dǎo)入，并在Vue.js的install方法中將其掛載到Vue.prototype下，這樣就在Vue實(shí)例中可以通過this.$moment訪問到moment.js的方法。

在Vue實(shí)例中，我們可以使用$moment進(jìn)行時(shí)間格式化等操作，比如：

new Vue({
data: {
date: new Date()
},
computed: {
formattedDate: function () {
return this.$moment(this.date).format('YYYY-MM-DD HH:mm:ss')
}
}
})

以上代碼中，我們利用$moment方法將當(dāng)前時(shí)間對象date轉(zhuǎn)換成moment.js對象，并使用format方法將其格式化為YYYY-MM-DD HH:mm:ss的形式。

總結(jié)來說，Vue.js提供了豐富的時(shí)間格式化工具，可以滿足不同需求的場景。通過將第三方庫如moment.js作為Vue.js的插件，我們可以方便地進(jìn)行時(shí)間格式化等操作。