最近,在复习Vue的时候,发现了一个很有意思的事情。之前没有看到过的filter
过滤器突然出现在我的视线当中。于是,我就将它应用到Vue3项目中,但发现,无论怎么样应用,项目都报错。然后,才发现,Vue3之后filter过滤器就被删掉了。下面来看看Vue3被删掉的原因:
首先,要清楚过滤器的目的是更改数据格式。但是Vue
中也可以通过methods
和computed
来更改数据格式。
因此,我认为Vue3
中删除过滤器的原因在于代码精简,因为在Vue3
中可以用computed或者methods来代替过滤器,因此过滤器这个功能就没有必要继续添加了。
这样的话,维护起来也比较方便。
filter用法:
- 快递公司:{{ item.deliverCompany }}
- 运输状态:{{ item.expressState | showState }}
methods用法:
- 快递公司:{{ item.deliverCompany }}
- 运输状态:{{ methodsText(item.expressState) }}
computed用法
- 快递公司:{{ item.deliverCompany }}
- 运输状态:{{ computedText(item.expressState) }}
总结一下:
vue3
删除了filter就好比:
员工filter会干的活,员工computed
和员工methods
也会干,而且比员工filter
干得多,干的好。这样的话,老板vue
就把filter开除了,filter就被fired了。毕竟多一个员工,多一些用工成本(员工filter
哇的一声哭了出来)!✌✌✌