在 Vue.js 中，`filter` 和 `computed` 属性都可以用于数据处理和转化，但它们的应用场景和侧重点有所不同： 1. **Filter（过滤器）**： - 主要用于文本格式化，例如：货币格式化、日期格式化、大小写转换等。 - 通常用在模板中，对展示给用户的数据进行简单的处理或格式化。 - 可以接受参数，方便进行动态格式化。 - 不会改变原始数据。 2. **Computed（计算属性）**： - 计算属性主要用于根据其他数据派生出新的数据，这些新数据可能会很复杂，并且依赖于多个原始数据。 - 计算属性的结果会被缓存，只有当它所依赖的响应式属性发生变化时才会重新计算。 - 计算属性不仅限于文本格式化，更多地用于业务逻辑处理、复杂数据计算等场景。 - 计算属性会直接影响到视图层，修改计算属性的值会影响到与其关联的 DOM 更新。 所以，在需要对展示数据进行简单格式化时，可以使用 filter；而在需要根据原始数据进行复杂的计算或者派生新的状态时，更适合使用 computed。同时，Vue3 中已经移除了 filters，推荐使用方法或者其他工具库（如lodash等）来实现类似功能。