在 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'))
}

}