前端/移动开发面试题更新 2026-08-05

请说明 Vue 中过滤器承担的功能,并描述在 Vue 中定义和使用过滤器的具体方式。

前端/移动开发技术原理Vue

考察说明

考查对 Vue 过滤器概念与基本用法的掌握程度。

回答思路

  1. 【回答框架 1】Vue 过滤器是一个用于对展示文本进行格式化的工具,它可以在插值表达式或 v-bind 中通过管道符应用,核心作用是复用格式化逻辑并保持模板简洁。
  2. 【回答框架 2】实现过滤器需要在 Vue 实例的 filters 选项或全局 Vue.filter 中定义,定义为一个接收输入值并返回处理结果的函数,可以在函数内接收额外的参数。
  3. 【回答框架 3】使用过滤器时在插值表达式或绑定值后添加管道符和过滤器名称,例如 message | filterName,若传参则写成 message | filterName(arg1, arg2)。
  4. 【回答框架 4】过滤器可串联使用,多个过滤器按顺序依次执行,前一个的输出作为后一个的输入。
  5. 【回答框架 5】在 Vue 3 中过滤器已被移除,官方推荐使用方法或计算属性代替,这是需要留意的版本差异。
  6. 【关键点 1】过滤器用于文本格式化,在模板中通过管道符使用,可传参和串联。
  7. 【关键点 2】定义过滤器可用 Vue.filter 全局注册或组件的 filters 选项。
  8. 【关键点 3】Vue 3 移除了过滤器,应改用方法或计算属性。
  9. 【易错点 1】不能将过滤器用于复杂的逻辑处理,它只适合简单的文本格式化。
  10. 【易错点 2】注意 Vue 版本,Vue 3 中过滤器语法不再支持。
  11. 【易错点 3】过滤器不会改变原数据,只影响输出展示。