Vue.filter()在分包中失效，因分包独立编译不共享Vue实例；推荐方案为抽离工具函数并在模板中显式调用，如{{ formatDate(item.time) }}。
分包页面里 {{ value | filterName }} 不生效，不是漏注册，是编译隔离导致的
uni-app 分包（subNVue 或 subPackages）在构建时会独立编译，main.js 中通过 Vue.filter() 注册的全局过滤器**不会自动透传到分包上下文**。哪怕你在 main.js 里写了，分包页面的模板依然静默忽略 | 语法——H5 端可能侥幸跑通，但微信/支付宝小程序真机上直接原样输出表达式，比如显示 {{ timestamp | formatDate }} 而非格式化后的时间。
为什么 Vue.filter() 在分包里失效
根本原因是 uni-app 的分包机制：每个分包是单独的 JS bundle，不共享 Vue 构造函数实例。main.js 只影响主包的 Vue 对象，而分包加载时用的是自己 scope 下的 Vue（或轻量渲染器），Vue.filter() 的注册信息无法跨 bundle 传递。
- 不是代码没执行，而是执行了也只挂载在主包的 Vue 上
- 分包页面的 template 编译阶段压根看不到你注册的 filter
- 控制台不会报错，也不会 warning，只会“什么都没发生”
- 哪怕你把
Vue.filter()复制一份贴到分包页面的onLoad里，也无效——此时 Vue 实例已创建，注册太晚
真正能落地的三种解法
放弃“让分包识别主包 filter”的幻想，改用显式、跨平台、可预测的方式：
-
方案一（推荐）：抽成工具函数 + 模板中显式调用
在@/utils/filters.js导出纯函数，如export const formatDate = (date) => { ... }；分包页面import { formatDate }后，在 data/computed/methods 中调用，模板里写{{ formatDate(item.time) }} -
方案二：在分包入口文件手动重注册
在分包的main.js（或分包根页面的onLoad前）再次import Vue from 'vue'并调用Vue.filter()——注意必须确保该 JS 在任何页面渲染前执行，且不能依赖主包路径别名（如@/可能不可用，需用相对路径） -
方案三：改用 computed 封装字段
对单个数据项，直接在分包页面定义computed: { formattedTime() { return formatDate(this.item.time) } }，模板用{{ formattedTime }}——逻辑清晰，无平台差异，v-for 中还能自然缓存
最容易被忽略的兼容细节
分包页面往往更早触发渲染（比如从 tabBar 切入），而工具函数如果依赖异步初始化（如读取 locale 配置、加载 Intl API），就会出现首次渲染为空或报错。务必保证：formatDate 这类函数是同步、幂等、无副作用的；时间处理要加 if (!date) return '' 和 isNaN(new Date(date).getTime()) 双重防护；金额类过滤器别用 || '0.00'，防止 0 被转成字符串影响后续计算。
