vue moment怎么使用

Vue Moment 是一个用于在 Vue.js 应用程序中使用 Moment.js 的插件。以下是使用 Vue Moment 的步骤：

1. 安装 Vue Moment

可以使用 npm 或 yarn 安装 Vue Moment：

npm install vue-moment moment --save

或

yarn add vue-moment moment

2. 在 Vue.js 中注册 Vue Moment 插件

在 Vue.js 中注册 Vue Moment 插件，将其添加到 Vue.js 的实例中。在 main.js 文件中添加以下代码：

import Vue from 'vue'
import VueMoment from 'vue-moment'
import moment from 'moment'

Vue.use(VueMoment, { moment })

3. 在组件中使用 Vue Moment

在 Vue.js 组件中使用 Vue Moment，您可以使用以下代码：

<template>
  <div>
    <p>{{ date | moment('YYYY-MM-DD') }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '2021-10-01'
    }
  }
}
</script>

在这个例子中，我们使用 Vue Moment 将日期格式化为 YYYY-MM-DD 的形式。您可以使用 Moment.js 的任何日期格式选项。