Vue——过滤器 filter

局部过滤器，定义一个filters属性，为其添加过滤规则（function形式），第一个参数为过滤之前的值，通过return返回所需的值，可以通过第二个参数或者两个以上参数进行更精确的过滤，使用过滤器只需在模板标签中添加 | 以及过滤器名称即可，如果需要多个传参，可以像使用方法一样传参即可

<template>
  <div id="app">
      {{name | UpperCase | filterNumber | LowerCase(i)}}
  </div>
</template>

<script>
export default {
  filters: {
    UpperCase(value) {
      return value.toUpperCase()
    },
    LowerCase(value,i) {
      return value.toLowerCase()
    },
    filterNumber(value) {
      return value.replace(/[0-9]/g, '')
    },
    Name(value, n) {
      return value.replace(n, '')
    }
  }
}
</script>

<style lang="less">
  
</style>

全局过滤器

Vue.filter('Yen',function(value) {
  return '$'+value
})