Vue 过滤器

• 过滤器可以用来渲染数据
• 过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本。
• 在很多不同的情况下，过滤器都是有用的，比如尽可能保持API响应的干净，并在前端处理数据的格式。

 

 

使用过滤器的例子，在购物车中，将价格xxx元改成xxx.xx元

 

 filters:{
    currency:(value)=>{
      if(!value)return 0.00;
      return '￥'+value.toFixed(2)+'元'
    }
  },


 <div class="item-price-total">{{(item.productPrice*item.productNum) | currency}}</div>