Vue 2中过滤器链{{ value | f1 | f2 | f3 }}是串行调用而非叠加，f1输出作为f2输入、f2输出作为f3输入，任一环节类型错误即崩溃；推荐改用计算属性显式控制每步类型校验与fallback。
不能直接在一个标签上叠加三个过滤器——v-bind或插值表达式中，Vue 2（uni-app 当前主力版本）只支持单层管道链，且过滤器执行顺序是左到右、不可嵌套调用多个同级过滤器作用于同一值。
为什么「{{ value | f1 | f2 | f3 }}」看起来像叠加，实际不是「三个同时作用」
这其实是**串行调用**：f1 先处理原始 value，输出传给 f2，f2 输出再传给 f3。只要中间任一过滤器返回非预期类型（比如 f1 返回 null，而 f2 假设输入是字符串），整个链就崩了。这不是“叠加”，是“接力”，且没有容错机制。
- 常见翻车点：
formatDate过滤器若收到undefined，没做守卫就直接调new Date()，会产出 Invalid Date 字符串，后续slice(0,10)类过滤器就会报错 - H5 端调试时看不到错误（被 Vue 吞掉），只显示空白；小程序真机则可能白屏
- 过滤器无法接收额外上下文参数（比如 locale、单位），除非你把所有参数都塞进第二个参数里，可读性骤降
更稳的替代方案：用计算属性封装组合逻辑
把「三个转换意图」写进一个 computed，显式控制每一步输入输出类型和 fallback：
computed: {
formattedValue() {
const raw = this.value
if (raw == null) return ''
const step1 = this.$filters.formatDate(raw) || ''
const step2 = this.$filters.uppercaseFirst(step1) || ''
const step3 = step2.replace(/ /g, '_')
return step3
}
}
- 每步可加
if判断，避免传递脏数据 - 调试时直接在 devtools 查看
formattedValue的值，不用猜哪一级出问题 - 支持访问
this上其他响应式数据（比如当前语言this.lang），过滤器做不到
如果必须用过滤器链，注意这三个硬限制
仅当确认每一步输出都严格符合下一步输入要求时才用 | 链，且需手动兜底：
- 所有自定义过滤器函数开头必须有类型守卫：
if (!value || typeof value !== 'string') return '' - 不要在链中混用同步/异步逻辑（过滤器必须同步返回）
- 小程序平台不支持箭头函数写法的过滤器（某些旧版基础库会解析失败），一律用 function 声明
真正麻烦的从来不是怎么写三个过滤器，而是当第二步出错时，你根本不知道它来自哪个环节——计算属性把逻辑摊开，错在哪一行，一眼就清楚。
