前端随心记---------vuejs基础学习2.2

Posted 2022-09-07 hudunyu

过滤器

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 求和