如何实现Vue中全局过滤器Filters的封装步骤？

本文共计731个文字，预计阅读时间需要3分钟。

（PS：在vue-cli3构建的基础vue项目中，进行编写：vue create my-project）在前后端分离的项目中，通常会有后台返回的数据需要经过处理后才能显示在页面上。使用最多的场景是...

（PS：本文代码在vue-cli3构建的基础vue项目之上进行编写：vue create my-project）

　　在前后端分离的项目中，经常会有后台返回的数据需要经过处理才能显示到页面上的场景。

　　使用最多的场景就是日期/时间、数字、字符串的格式化处理，实际业务中可能还有更复杂的数据处理逻辑。

　　下面就拿封装全局的处理数字和字符串的 filter 来展示 vue 如何 封装全局filter 并统一处理。

一、定义/封装过滤器

　　在 src目录 下新建 filters目录 用来专门存放全局过滤器，如果项目的过滤器过多，那么就要按类型分类。
　　如果项目需要前台处理的数据不是太多，那么就在 filters目录 下新建一个 index.js 来存放所有的过滤器就足够了。