前端随心记---------vuejs基础学习2.2-优快云博客

本文深入探讨Vue.js中的过滤器与Computed属性，讲解它们的定义方式、使用场景及与函数的区别。过滤器适用于数据格式化，而Computed用于复杂的响应式计算，具有缓存优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

过滤器

filter过滤器，说白了就是一个函数。

在vuejs1.版本里面存在很多过滤器，在vuejs2.版本里面被移除

存在两种方式定义过滤器： 1.全局 2.局部

全局：

Vue.filter('filterName1', function(input, ...ret){
    return ;
});

Vue.filter('filterName2', function(input, ...ret){
    return ;
});

局部：

new Vue({
    el: '',
    filters: {
        filterName1: function(input, ...ret){
            return ;
        },
        filterName2: function(input, ...ret){
                    return ;
                }
    }
})

函数和过滤器的差异：调用的方式不一样，其他一样。

1.过滤器模型变量 | 过滤器1 |过滤器2 。可以多次使用

2.函数直接加上（）

computed 计算属性

1.某个值的状态依赖于其他的值。

2.computed 可以进行缓存，如果依赖的值没有变化，computed里面的代码不会在执行，直接使用上次的缓存的结果。

函数和过滤器和computed差异：

1.computed 依赖于其他的数据

2.computed 值会进行缓存

3.computed 是存在get和set

4.computed 一般情况下只需要get方法定义

es5里面的一些 api 重点看看
1. forEach 会不会改变数组本身（1. 元素基本数据类型不变 2. 元素复合数据类型，是收到影响）
2. filter 回调函数返回 false 这一项不会被保留
3. every 数组内元素状态全部为true，则最终的结果为 true，但凡有一个为 false，则最终的结果为 false
4. reduce 求和

转载于:https://www.cnblogs.com/hudunyu/p/11428929.html