六、过滤器的使用 ------ 2020-05-07

1、过滤器的作用：

过滤器可以对需要展现的数据进行包装，但是不改变原有的数据；

注意：过滤器和指令中都没有this指向；

2、全局过滤器

Vue.filter('过滤器名字', function ([要处理的数据], [过滤器产传递的参数]) {
    // 处理数据
});

Vue.filter('toUpper', function (value, count = 1) {
    value.slice(0, count).toUpperCase() + value.slice(count);
})

3、局部过滤器

new Vue({
    el: '#app',
    data: {}, // 这里的data可以是对象，也可以是函数
    filters: {
        toUpper(value, count = 1) {

        }
    } 
})

4、过滤器的使用

{{ xx | toUpper(参数) }}