vue项目中过滤器filters的使用设计

前言

vue项目中过滤器是很常见的功能，我们应该如何合理的设计它的使用方式呢？

先看下官方文档： vue过滤器文档

项目中对过滤器的使用不是很统一，有局部使用的，全局使用的，或者是直接引用过滤器文件的每个都注册一下，这几种使用方式都不是很友好。

我们如何优化一下呢？且向下看。

设计思路

1. 单独文件夹维护过滤器工具；

2. 在main.js中注入为全局过滤器;

3. 在具体需要的地方使用;

具体代码

新建filters文件夹，每一个过滤器为一个单独的文件维护，最后统一收口到index文件中。

比如一个很常见的时间格式过滤器

在main.js中注入

在页面中使用

这样我们就完成了对过滤器使用方式的设计，是不是感觉这样很清爽呢。

欢迎大家关注博主的公众号：猿人说事

---

github资源地址：vue项目中过滤器filters的使用设计

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您对我的博客内容有疑惑或质疑的地方，请在下方评论区留言，或邮件给我，我们共同学习进步。

邮箱：[email protected]