在 Vuejs 中包含和使用 moment 的正確步驟是什麼？

Question

我試圖在我的 Vuejs 應用程式中呼叫 moment()，我嘗試像這樣聲明它：

methods: {
  moment: function () {
    return moment();
  }
},

並嘗試像這樣測試它：

beforeMount() {
    console.log(moment().format('MMMM Do YYYY, h:mm:ss a'))
},

我不斷得到

[Vue warn]：beforeMount 鉤子中出現錯誤：「ReferenceError：時刻未定義」

我需要在 package.json 中加入一些內容並執行yarn install嗎？

我想讓它盡可能輕，因為我只需要訪問 moment() 我的應用程式的一頁，我不想將它們加載到所有頁面上。

請大家多多指教

Answer 1

首先，您應該使用以下命令進行安裝：

npm i moment --save

#然後在您的元件中導入它並使用它，如下所示：

import moment from 'moment/moment';

export default{

…
beforeMount() {
    console.log(moment().format('MMMM Do YYYY, h:mm:ss a'))
}

}