过滤器filters和|的使用记录--vue2

情景需求 

后端返回数字1234等分别代表不同的状态 在使用时候进行自动识别而不是采用多重if判断增加代码的行数，更加简洁并且方法可以进行封装全局使用

什么是过滤器

过滤器：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理)

相比较三目或者if判断有更多的选择结果比较直观

{{ data | 过滤器函数名 }}

也可以在：class等v-bind中进行使用 比如颜色判断

代码

orderdata是引入的数据 用于for循环

 

 非封装写法

filters是与mounted等同级 并非在methods中的函数

 这里我使用的并不是switch写法  而是直接采用简化写法，更加直观