Vue过滤器filters的使用

1.页面中使用

<div id="app">
    <p>{{ message | capitalize1('222') | capitalize2 }}</p>
    <p></p>
    </div>

2.过滤器编写

    <script>

        var vm = new Vue({ //vue根实例
            el:'#app',
            data:{
        message: 'aello!',
            },
       computed: {
       },
      filters: {
      capitalize1: function (value,arg) {
        if (!value) return ''
        value = value.toString()
        return value.charAt(0).toUpperCase() + value.slice(1)+arg
      },
      capitalize2: function (value) {
        if (!value) return ''
        value = value.toString()
        return value+'000'
      },
    },
        })
    </script>

页面效果：两个过滤器累加的效果