Vue 过滤器和计算属性方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38543537/article/details/85242484

1、过滤器方法：

//过滤器
    filters: {
      //对金额进行过滤保留两位小数
      formatMoney: function (value) {
        return value + '.00';
      }
    },

解析：当前过滤器方法是在价格后边添加.00

使用方法：

<div class="piaojia">{{piaojia | formatMoney}}</div>

2、计算属性

//计算属性
    computed: {
      price: function () {
        return this.piaojia + this.jijin + this.youfei + this.shuifei;
      },
    }

注：vue2.0以下版本会把 + 当成拼接符，把值拼接起来，而不是相加，要使用vue2.0或以上版本

使用方法：

<div class="price">{{price | formatMoney}}</div>

直接把price拿来渲染就可以