Vue官方文档（45）：过滤器

有2处可以应用过滤器：双花括号插值和 v-bind 表达式
一、在script部分定义过滤器

  export default {
    data() {
      return {  
        originalValue: 'david'
      }
    },
    components: {
    },
    created: function(){  
    },
    watch:{    
    },
    mounted(){
    },
    methods: {
    },
    computed: { 
    },
    filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

二、在template部分使用过滤器

 {{ originalValue | capitalize}}
1