Nuxt.js怎么设置全局有效的时间nuxt-moment过滤器

要设置全局有效的时间过滤器，可以使用Nuxt.js的插件机制来实现。

1. 安装moment和nuxt-moment插件

npm install moment nuxt-moment --save

2. 创建插件文件

在`plugins`目录下创建一个名为`moment.js`的文件，内容如下：

import Vue from 'vue'
import moment from 'moment'

Vue.filter('formatDate', function(value, format) {
  if (value) {
    return moment(String(value)).format(format)
  }
})

这里定义了一个名为`formatDate`的过滤器，它接受两个参数：`value`表示要格式化的时间值，`format`表示格式化的字符串。如果`value`不为空，则使用`moment`库将其格式化为指定的字符串。

3. 注册插件

在`nuxt.config.js`文件中注册插件：

export default {
  plugins: [
    { src: '~/plugins/moment.js', ssr: false }
  ]
}

这里将`moment.js`作为插件注册到Nuxt.js应用中，并设置`ssr`为`false`，表示该插件只在客户端生效。

4. 使用过滤器

现在就可以在组件中使用`formatDate`过滤器了：

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

<script>
export default {
  data() {
    return {
      date: '2022-01-01T00:00:00Z'
    }
  }
}
</script>

这里将`date`属性绑定到模板中，并使用`formatDate`过滤器将其格式化为`YYYY-MM-DD`的字符串。最终页面上显示的内容为`2022-01-01`。