vue 如何使用moment

在 Vue 中使用 Moment.js 需要先安装 Moment.js 库。你可以通过 npm 或者 yarn 进行安装，如下所示：

使用 npm：

npm install moment --save

使用 yarn：

yarn add moment

安装完成后，你可以在 Vue 组件中引入 Moment.js。在需要使用 Moment.js 的组件中，可以通过 `import` 语句引入 Moment.js：

import moment from 'moment';

然后，你就可以在 Vue 组件的方法中使用 Moment.js 的各种功能了。比如，你可以使用 `moment()` 来获取当前的日期和时间，或者使用 `moment().format()` 来格式化日期和时间。

以下是一个简单的示例，在 Vue 组件中使用 Moment.js 格式化日期：

<template>
  <div>
    <p>{{ formattedDate }}</p>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      date: '2022-01-01',
      formattedDate: ''
    };
  },
  mounted() {
    this.formattedDate = moment(this.date).format('YYYY-MM-DD');
  }
};
</script>

上述代码中，我们引入了 Moment.js，并在 `mounted` 钩子中使用 `moment(this.date).format('YYYY-MM-DD')` 来格式化日期，将结果绑定到 `formattedDate` 属性上，在模板中显示出来。

这样，你就可以在 Vue 中使用 Moment.js 来处理日期和时间了。希望对你有所帮助！