如何使Vue-directive / Vue-filter在一个页面的所有组件中都可用？

Question

请告诉我如何使指令/过滤器在一个视图的所有组件中可用。使用全局混合并在其中编写过滤器/指令是否正确……或者vue-mixins仅用于方法...？

Answer 1

您可以在创建Vue实例之前全局定义滤镜(new Vue())。

这是从Vue文档(https://vuejs.org/v2/guide/filters.html)复制的：

Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

new Vue({
  // ...
})

为了避免在main.js中编写过多的代码，您还可以使用以下命令将函数作为过滤器导入：

import filterA from '<path>'

Vue.filter('<nameOfFilter>', filterA);

new Vue({
  // ...
})