一、通過Date對(duì)象獲取

Vue獲取當(dāng)前時(shí)間年月日的方法有很多，最簡(jiǎn)單的方法就是通過JavaScript中的Date對(duì)象獲取，然后使用Vue進(jìn)行展示。代碼如下：

data() {
   return {
       nowDate: ""
   }
},
mounted() {
    const date = new Date();
    this.nowDate = date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日";
}

我們?cè)赿ata中定義了nowDate變量來保存當(dāng)前時(shí)間，然后在mounted里，通過new Date()獲取當(dāng)前時(shí)間，再通過getFullYear、getMonth、getDate獲取具體的年、月、日，最后組合成一個(gè)字符串進(jìn)行展示。

這種方法簡(jiǎn)單易懂，但是需要手動(dòng)拼接，比較麻煩。

二、通過moment.js獲取

moment.js是一個(gè)比較流行的JavaScript日期處理庫(kù)，它有很多方便的API可以使用。我們可以使用這個(gè)庫(kù)來獲取當(dāng)前時(shí)間年月日。代碼如下：

data() {
   return {
       nowDate: ""
   }
},
mounted() {
   this.nowDate = moment(new Date()).format("YYYY年MM月DD日");
}

這里我們首先需要引入moment.js庫(kù)，然后在mounted方法里使用moment(new Date())獲取當(dāng)前時(shí)間，再使用format方法將其格式化成“YYYY年MM月DD日”的字符串形式。

相較直接使用Date對(duì)象，使用moment.js可以更加便捷地拼接時(shí)間，并且有更加豐富的API可供使用，十分方便。

三、通過vue-moment插件獲取

vue-moment是一款專門為Vue開發(fā)者提供的日期插件，可以更加便捷地進(jìn)行時(shí)間組合和展示。首先需要安裝這個(gè)插件：npm install vue-moment --save

在Vue項(xiàng)目中注冊(cè)該插件，然后使用與moment.js類似的方式獲取當(dāng)前時(shí)間并進(jìn)行展示。代碼如下：

import VueMoment from "vue-moment";
import moment from "moment";
Vue.use(VueMoment, {moment});
……
data() {
   return {
       nowDate: ""
   }
},
mounted() {
   this.nowDate = this.$moment().format("YYYY年MM月DD日");
}

我們首先引入vue-moment和moment庫(kù)，然后在Vue項(xiàng)目中注冊(cè)vue-moment插件。在mounted方法里使用this.$moment()獲取當(dāng)前時(shí)間，然后使用format方法將其格式化成“YYYY年MM月DD日”的形式。

相對(duì)于上面兩種方法，vue-moment插件使用更加方便快捷，也更加符合Vue的開發(fā)思想。

四、總結(jié)

本文介紹了三種Vue獲取當(dāng)前時(shí)間年月日的方法，通過直接使用Date對(duì)象、使用moment.js庫(kù)、以及使用vue-moment插件，每種方法都有各自的優(yōu)點(diǎn)和適用場(chǎng)景。在實(shí)際開發(fā)中，可以根據(jù)具體的需求選擇相應(yīng)的方法，并進(jìn)行相應(yīng)的封裝、優(yōu)化。