前端vue如何全局使用filter

在Vue中，可以使用Vue.filter()方法全局注册过滤器。

例如，在main.js中全局注册一个名为“dateFormat”的过滤器：

import Vue from 'vue'
import App from './App.vue'

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

new Vue({
  render: h => h(App),
}).$mount('#app')

现在，“dateFormat”过滤器已经在整个Vue应用程序中可用。在模板中使用它，只需使用“|”符号将其应用到绑定的值上：

<template>
  <div>
    {{ date | dateFormat }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '2020-06-20T10:30:00Z'
    }
  }
}
</script>

在这个例子中，我们将“date”绑定到一个ISO格式的日期字符串上，并使用“dateFormat”过滤器将其格式化为“YYYY-MM-DD HH:mm:ss”格式。