vue prop 怎么使用moment

在Vue组件中，可以通过以下方式使用moment库：

1. 在组件中导入moment库

import moment from 'moment';

2. 在组件定义中使用props传递日期数据，并在模板中使用moment格式化日期

props: {
  date: {
    type: String,
    required: true
  }
},
template: `
  <div>
    <p>{{ moment(date).format('YYYY-MM-DD') }}</p>
  </div>
`

在上述代码中，我们使用了moment的`format()`方法来将日期格式化为`YYYY-MM-DD`的形式。

3. 在组件中使用过滤器来格式化日期

filters: {
  formatDate(value) {
    return moment(value).format('YYYY-MM-DD');
  }
},
template: `
  <div>
    <p>{{ date | formatDate }}</p>
  </div>
`

在上述代码中，我们定义了一个名为`formatDate`的过滤器，并使用moment的`format()`方法来将日期格式化为`YYYY-MM-DD`的形式。在模板中，我们可以通过`|`符号使用该过滤器来格式化日期。

需要注意的是，使用moment库时需要在项目中安装moment库，可以通过以下命令安装：

npm install moment --save