自定义过滤器实现时间格式的转换

在Vue组件中定义自定义过滤器：

Vue.filter('dateFormat', function (value, format) {
  if (!value) return ''
  return moment(value).format(format || 'YYYY-MM-DD HH:mm:ss')
})

其中，dateFormat是过滤器的名称，value是需要转换的值，format是转换后的格式，这里使用了moment.js库来进行时间格式化。

在模板中使用自定义过滤器：

<p>{{ date | dateFormat('YYYY-MM-DD') }}</p>

其中，date是需要转换的时间数据，dateFormat是自定义的过滤器名称，'YYYY-MM-DD'是指定的转换格式。

上面的例子中使用了moment.js库来进行时间格式化，需要先安装moment.js：

npm install moment --save

然后在Vue组件中引入moment.js库：

import moment from 'moment'

这样就可以在Vue组件中使用自定义过滤器来进行不同时间格式的转换了。