🌟vue filter的几种用法 🌟 vue filter函数的用法

Vue.js中的过滤器(filter)是一种非常实用的功能，它可以帮助我们格式化数据并提升代码的可读性。首先，全局过滤器可以在整个应用中使用，只需通过`Vue.filter()`定义即可。例如，如果你想将日期格式化为“YYYY-MM-DD”的形式，可以这样写：

```javascript

Vue.filter('dateFormat', function(value) {

if (!value) return '';

let date = new Date(value);

let year = date.getFullYear();

let month = String(date.getMonth() + 1).padStart(2, '0');

let day = String(date.getDate()).padStart(2, '0');

return `${year}-${month}-${day}`;

});

```

然后在模板中可以直接使用：`{{ yourDate | dateFormat }}`。

局部过滤器则局限于某个组件内使用，语法类似但需在`filters`选项中声明。此外，还可以链式调用多个过滤器，比如先转换大小写再截取字符串长度。

最后，记得过滤器非常适合处理展示层逻辑，避免污染业务逻辑代码哦！💬

前端开发 VueJS 前端技巧