Quelles sont les étapes correctes pour inclure et utiliser moment dans Vuejs ?

Question

J'essaie d'appeler moment() dans mon application Vuejs, j'ai essayé de le déclarer comme ceci :

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

Et essayez de le tester comme ceci :

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

Je continue de recevoir

[Vue warn] : Erreur dans le hook beforeMount : "ReferenceError : le moment n'est pas défini"

Dois-je ajouter quelque chose à package.json et exécuter Yarn Install ?

Je veux le rendre aussi léger que possible car je n'ai besoin d'accéder qu'à moment() à une page de mon application et je ne veux pas les charger sur toutes les pages.

S'il vous plaît, donnez-moi vos conseils

Answer 1

Tout d'abord, vous devez l'installer à l'aide de la commande suivante :

npm i moment --save

Puis importez-le dans votre composant et utilisez-le comme ceci :

import moment from 'moment/moment';

export default{

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

}