vue过滤器

过滤器

用来过滤模型数据，在显示之前进行数据处理和筛选

内置过滤器在vue1.0中内置许多过滤器，在vue2.0版本中已经全部移除

语法：{{ data | fun(参数) | funs(参数)}}

自定义过滤器

<div class='box'>
    <p>{{8 | fun()}}</p>
</div>

<script src='__STATIC__/vendor/vue/vue.min.js'></script>
<script>
    //自定义全局过滤器
    Vue.filter("fun",function(data){
        // 三元运算符，如果data数据小于10，拼接0
        return data<10?'0'+data:data;
    })
    var app = new Vue({
        el: '.box',
        data: {

        },
        methods: {

        }
    })
</script>

上一篇：vue.directive自定义指令

下一篇：vue-resource发送jsonp跨域请求