Vue之filter过滤器

全局定义

在main.js中

Vue.filter("myfilter", function (value) {
  return value + 10;
  // 返回处理后的值
});

组件中使用

    <div>{{ num | myfilter }}</div>

在方法中使用

var myFilter = Vue.filter("myfilter");
myFilter(7)

组件中定义

组件中定义

  filters: {
    handleNum(val) {
      return val + 100;
    },
  },

组件中使用

    <div>{{ num | handleNum }}</div>

在方法中使用

    let handleNum = this.$options.filters["handleNum"](2);