uni-app x 不能用 Vue.filter 因其已移除 Vue 2 兼容层，调用会报 TypeError；应改用 computed 或 methods 替代，跨组件复用需抽离至 utils，且模板中禁用带参函数调用。
uni-app x 里为什么不能用 Vue.filter
因为 uni-app x 已移除对 Vue 2 的兼容层，Vue.filter 在运行时根本不存在——调用会直接报 TypeError: Cannot set property 'filter' of undefined。这不是配置问题，是架构级删减。如果你在 main.js 或 filters/index.js 里还写 Vue.filter('xxx', ...)，代码会直接挂掉，且 HBuilderX 4.4x+ 编译阶段就可能警告或静默忽略。
用 computed 或 methods 替代过滤器的实操方式
过滤器本质是「输入 → 转换 → 输出」的纯函数，直接拆成组件内逻辑更可控，也符合 uni-app x 推荐的组合式开发习惯：
- 简单格式化（如日期、金额）：写成
computed，依赖响应式数据自动更新。例如：const formattedTime = computed(() => { return new Date(props.timestamp).toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) }) - 带参数的动态转换（如不同精度的价格）：封装为
methods函数，显式调用。例如：const formatPrice = (value, digits = 2) => { return Number(value).toFixed(digits) }模板中用{{ formatPrice(item.price, 1) }} - 跨组件复用：把函数抽到
utils/format.js，按需导入，不挂全局。避免污染命名空间，也利于 tree-shaking。
注意 template 中不能直接调用带参函数
uni-app x（尤其是编译到小程序端）对模板表达式的限制比 Vue 2 更严：带参数的函数调用（如 {{ formatDate(timestamp, 'yyyy-MM-dd') }}）在微信小程序上会被编译器忽略或报错，H5 端也可能因作用域问题返回 undefined。必须提前在 setup 里处理好参数绑定，或改用 v-if/v-for 外包一层计算属性。
常见错误现象：Cannot read property 'replace' of undefined，往往是因为模板里写了带参函数但实际没执行，返回了 undefined，后续链式调用崩了。
别试图用 directive 模拟过滤器
有人试过写 v-format 指令把格式化逻辑塞进 DOM 更新钩子，但这条路走不通：uni-app x 的指令系统不支持传入格式化规则字符串（如 v-format="'yyyy-MM-dd'"），且无法在小程序端可靠读取绑定值和参数；更重要的是，它破坏了数据流单向性，调试困难，也不利于 SSR 或预渲染。
真正需要高频复用的格式化逻辑，只有一条路：抽成独立函数 + 显式调用。复杂点在于得自己管理依赖追踪，但换来的是确定性——不会因为平台差异突然失效。
