vue3.0中为啥要删除过滤器？

那为啥要删除过滤器呢？

vue3.0是2020年09月18日正式发布的。vue3.0版本与其他版本完全不同，它最大限度的减少了开发人员配置工具的次数，另外增添了许多丰富的内置功能，还附带了一个完整的GUI用于创建和管理项目。

问题描述

vue3出来了。增加了很多新功能，但是也删掉了一些功能。比如删掉了vue2中的过滤器filter功能。与此同时，官方建议：用方法调用或计算属性替换过滤器。

什么是vue的过滤器?

过滤器可以通俗理解成是一个特殊的方法，用来加工数据的

• 比如枚举值可以使用过滤器：如 1 2 3 4 对应 成功 失败 进行中 已退回
• 比如价格后面跟个过滤器，将价格格式化成小数点两位
• 比如时间格式化等

详细请看官方文档

删除的原因大概如下

原因就是vue3要精简代码，并且filter功能重复，filter能实现的功能，methods方法和computed计算属性基本上也可以实现。所以就干脆把filter这方面的vue源码给删掉，这样的话，更加方便维护。

举例分析

---

需求描述

图片:

HTML结构和data数据如下

<template>
  <div id="app">
    <ul v-for="(item, index) in arr" :key="index">
      <li>快递公司:{
  { item.deliverCompany }}</li>
      <li>运输状态:{
  { item.expressState }}</li>
    </ul>
  </div>
</template>

<script>
export default {
     
  data() {
     
    return {
     
      arr: [
        {
     
          deliverCompany: "京东快递",
          expressState: "1",
        },
        {
     
          deliverCompany: "顺丰快递",
          expressState: "2",
        },
        {
     
          deliverCompany: "中通快递",