过滤器

自定义过滤器

        Vue.filter('过滤器名称', function(value) {
            // 业务逻辑
        });   

 过滤器的使用

{{msg | upper}}
{{msg | upper | lower}}
测试

 局部过滤器

    var vm = new Vue({
            el: '#app',
            data: {
                msg: ''
            },
            filters: {
                upper: function(val) {
                    return val.charAt(0).toUpperCase() + val.slice(1);
                },
                lower: function(val) {
                    return val.charAt(0).toLowerCase() + val.slice(1);
                }
            }
        })

  带参数的过滤器

    
{{date | format('yyyy-mm-dd')}}

  

你可能感兴趣的:(过滤器)