Apakah langkah yang betul untuk memasukkan dan menggunakan momen dalam Vuejs?

Question

Saya cuba memanggil moment() dalam aplikasi Vuejs saya, saya telah cuba mengisytiharkannya seperti ini:

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

Dan cuba uji seperti ini:

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

Saya terus mendapat

[Vue warn]: Ralat dalam beforeMount hook: "ReferenceError: moment is undefined"

Adakah saya perlu menambah sesuatu pada package.json dan menjalankan pemasangan benang?

Saya mahu menjadikannya seringan mungkin kerana saya hanya perlu mengakses moment() satu halaman apl saya dan saya tidak mahu memuatkannya pada semua halaman.

Sila berikan saya nasihat anda

Answer 1

Pertama, anda perlu memasangnya menggunakan arahan berikut:

npm i moment --save

Kemudian importnya dalam komponen anda dan gunakannya seperti ini:

import moment from 'moment/moment';

export default{

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

}