过滤器 filters

1.1 什么是过滤器？

过滤器就是filters属性，是vue的一个配置项，用于将数据过滤以后再使用。必须要传入一个参数，处理以后将结果返回出去。

1.2 定义过滤器

export default {
    filters:{
        过滤器函数(参数){
            return ...
        }
    }
}

1.3 调用过滤器

<h1>{{num | add0}}</h1>

监听器 watch

2.1 什么是监听器？

监听器就是watch属性，是vue的配置项，用于监听数据的改变，将数据的属性名作为监听的函数名，传入两个参数，第一个参数是新的值，第二个参数是老的值，可以做关联操作。

2.2 定义监听器

export default {
    watch:{
        //监听username数据的改变，输出结果
        username(newVal, oldVal){
            console.log(newVal, oldVal);
        },

        //监听age的改变
        age(newVal, oldVal){
            console.log(newVal, oldVal);
        },
    }
}