• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

vue2和vue3 过滤器 变化

开发技术 开发技术 2周前 (06-10) 7次浏览
在 2.x,开发者可以使用过滤器来处理通用文本格式。
<template>
  <h1>Bank Account Balance</h1>
  <p>{{ accountBalance | currencyUSD }}</p>
</template>

<script>
  export default {
    props: {
      accountBalance: {
        type: Number,
        required: true
      }
    },
    filters: {
      currencyUSD(value) {
        return '$' + value
      }
    }
  }
</script>
3.x 中,过滤器已删除,不再支持。相反地,我们建议用方法调用或计算属性替换它们。

<template>
  <h1>Bank Account Balance</h1>
  <p>{{ accountInUSD }}</p>
</template>

<script>
  export default {
    props: {
      accountBalance: {
        type: Number,
        required: true
      }
    },
    computed: {
      accountInUSD() {
        return '$' + this.accountBalance
      }
    }
  }
</script>

 


程序员灯塔
转载请注明原文链接:vue2和vue3 过滤器 变化
喜欢 (0)