filter的使用

最近有点闲，想想写点什么。。。。

写一点vue的filter过滤器的使用

想一个可以使用过滤器的场景。

写一个表格，里面有几组数据，循环出来，给数组一个状态，根据这个状态来显示不同的东西 

以前的想法是在获取到数据的时候处理数据把数据改成状态 那样也可以达到想要的需求  但是有了过滤器 会让你的代码更高级也更方便

先来个数据吧 

首先文件夹里面创建一个filter文件夹，里面创建个filter.js，就是要使用的过滤器了，再里面创建个order.js里面是要展示的数据，暴露出来

 

 定义好的数据里面再定义一下status代表的意思，然后再找个页面展示一下

 再加个样式，展示出来下面这个样式 

 现在要写过滤器里面的方法了，

 引入并注册使用看效果        

 刚刚引入使用的时候我发现过滤器没反应，看半天才发现我使用的是暴露出的setStatus，而setStatus不是一个方法，而是里面的setFilter,尴尬。。。

看看效果

 完美！但是我又想给这个不同状态改变颜色该怎么办呢？

再使用过滤器！！！过滤器串联一下

给样式添加一下

 

 

看看效果

好结束