根据Vue的创建者Evan的说法：

According to Evan, the creator of Vue:

主要使用方法来触发状态变更。当你调用一个方法时，它通常意味着一些副作用。

Use methods primarily for triggering state alterations. When you call a method, it generally implies some side effect.

使用过滤器主要用于需要在整个应用程序中重复使用的简单文本格式。过滤器应该是纯粹的 - 没有副作用，只有数据和数据输出。

Use filters primarily for simple text formatting that needs to be reused all across your app. Filters should be pure - no side effects, just data in and data out.

使用计算属性进行本地，特定于组件的数据转换。与过滤器类似，计算出的getter应该是纯粹的。

Use computed properties for local, component-specific data transforms. Similar to filters, computed getters should be pure.

有一种特殊情况，你想使用只在模板中可用的范围变量来计算某些东西（例如a v-for alias），在这种情况下，可以使用辅助方法，这样你就可以通过传递参数来计算某些东西。

There is a special case where you want to compute something using a scope variable that is only available in the template (e.g. a v-for alias), in such cases it's okay to use "helper methods" so that you can compute something by passing it arguments.

（来源： https：// forum-archive .vuejs.org / topic / 830 / method-vs-computed-vs-filter / 2 ）

因此，由于过滤器取决于组件，我认为你应该在这种情况下使用计算属性而不是过滤器。

So, since the filter depends on the component, I think you should use a computed property in this case instead of a filter.