nvue 页面不支持 Vue.filter，因其使用原生 Weex 渲染引擎，跳过 Vue 模板编译流程，不解析管道符 |，所有过滤器注册和 filters 选项均被忽略；需在 JS 层预处理数据或用 computed/methods 显式调用格式化函数。

为什么 nvue 页面里 Vue.filter 完全不执行

nvue 页面使用原生 Weex 渲染引擎，而 Vue.filter 是 Vue 2 模板编译器在 WebView 环境中解析 {{ }} 时才介入的机制。nvue 不走 Vue 的 template 编译流程，也不解析管道符 |，所有过滤器注册（包括 main.js 里的 Vue.filter）在 nvue 上都被直接忽略——不是报错，是根本没机会运行。

nvue 模板里写 {{ value | formatNum }} 会怎样

不会报错，也不会调用函数，而是原样输出字符串 "{{ value | formatNum }}" 或直接渲染为 undefined / 空白。因为 nvue 的模板解析器根本不识别 | 语法，它只把插值当作纯文本或简单 JS 表达式处理，且不挂载 Vue 实例的 filters 上下文。

• 即使你在 main.js 中正确注册了 Vue.filter('formatNum', ...)，nvue 页面也完全感知不到
• 局部 filters: { ... } 选项同样无效，nvue 不读取组件选项中的 filters 字段
• 试图在 v-bind 中用 :text="val | formatNum" 同样失效，nvue 不支持该语法

真正能在 nvue 里格式化数据的可行方式

必须绕过模板层，把格式化逻辑提前到 JS 层执行：

Ainative Vue Sdk

使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……

下载

• 在 data() 或 onLoad 中预处理：比如 this.formattedPrice = this.price.toLocaleString('zh-CN')
• 用 computed 封装：例如 computed: { displayTime() { return formatDate(this.rawTime) } }，再在模板中用 {{ displayTime }}
• 封装工具函数（如 @/utils/format.js），在 methods 或 setup 中显式调用，避免任何 | 依赖
• 对数字类场景，优先用 (num || 0).toLocaleString('en-US') —— 它是原生 API，在 Weex 引擎中稳定可用，无需过滤器

容易被忽略的关键限制

nvue 的核心约束不是“过滤器写错了”，而是整个数据绑定模型和渲染路径与 Vue 页面不同：它没有 template 编译阶段、不维护 filters 映射表、也不支持自定义表达式语法扩展。哪怕你把过滤器函数改造成箭头函数、加了 try/catch、甚至挂到 globalThis 上，只要还指望 | 在模板里自动触发，就注定失败。

立即学习“前端免费学习笔记（深入）”；