Vue2 零基础入门 Vue2 零基础入门第二天 2.4 vue的指令和过滤器 → 2.4.2 过滤器

过滤器（Filters）是 vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式和 v-bind 属性绑定。

过滤器应该被添加在 JavaScript 表达式的尾部，由“管道符”进行调用

在这里插入图片描述

【定义过滤器】

filters: {   //在这个节点下定义过滤器
    capitalize(str) { //将首字母转为大写
        return str.charAt(0).toUpperCase() + str.slice(1)
    }
}
1
2
3
4
5

在这里插入图片描述

【私有过滤器和全局过滤器】

在 filters 节点下定义的过滤器，称为“私有过滤器”，因为它只能在当前 vm 实例所控制的 el 区域内使用。

如果希望在多个 vue 实例之间共享过滤器，则可以按照如下的格式定义全局过滤器：

在这里插入图片描述

【连续调用多个过滤器】

过滤器可以串联地进行调用

在这里插入图片描述

【过滤器传参】

过滤器的本质是 JavaScript 函数，因此可以接收参数

在这里插入图片描述

【过滤器的兼容性】

过滤器仅在 vue 2.x 和 1.x 中受支持，在 vue 3.x 的版本中剔除了过滤器相关的功能。

在企业级项目开发中：

如果使用的是 2.x 版本的 vue，则依然可以使用过滤器相关的功能

如果项目已经升级到了 3.x 版本的 vue，官方建议使用计算属性或方法代替被剔除的过滤器功能

相关阅读:
研究光度立体法阶段性小结和优化（可20ms获取4个2500*2000灰度图的Normal Map）。
python信息收集、渗透测试工具源代码，带图形界面
让世界更精彩，拓世科技新品亮相世界舞台！虚实融合智兴百业，2023世界VR产业大会正式开幕！
【来点小剧场--项目测试报告】个人博客系统测试报告
农产品调度数据可视化应用解决方案分享 | 数字农业
Sentinel（笔记）
Python接口自动化 —— token登录（详解）
区块链的发展才算是跳出了互联网式的发展怪圈，真正进入到一个全新的阶段
电商小程序09活动管理
MySQL 基本语法讲解及示例（上）

原文地址：https://blog.csdn.net/weixin_44226181/article/details/126776234