过滤器

什么是过滤器

过滤器的本质是一个函数:它的接收的参数是格式化之前的数据及格式化的参数，它的返回值是格式化之间的值
- 工作过程就是函数调用执行的过程

过滤器的作用

转换格式, 把数据在显示之前做格式转换

应用场景

对于拿到的数据在显示到⻚⾯的过程中，如果发现格式不是我们想要的，可以通过过滤器去转下格式。它⼀定需要⼊参，⼊参表示要转格式的数据.

过滤器的格式

{

  data(){},
  computed:{},
  methods:{},
  // 定义过滤器
  filters: {
    // 属性名称（过滤器名称）：属性的值（过滤器处理函数）
    myFilter:function(value,其它参数){
          return 过滤后的结果
    }
  }
}

过滤器使用的格式

 // 不带参数
    {{ msg | 过滤器}}
    // 带参数
    {{ msg | 过滤器(参数)}}

• 计算属性：对于拿到的数据进⾏加⼯，以得到新的数据项。它不需要⼊参，因为它需要的数据在函数内部都可以通过this.XXX来获取到。
• 在vue3中已经不再支持过滤器了.

监听器

监听器的作用.

• 监听data/computed等属性值改变. 语法

watch: {
    "被监听的属性名" (newVal, oldVal){
    }
}

监听的属性-深度监听和立即执行

• 监听复杂类型,或者立即执行监听函数

语法

watch: {
   "要监听的属性名": {
       immediate: true, // ⽴即执⾏
       deep: true, // 深度监听复杂类型内变化
       handler (newVal, oldVal) {
      }
  }
}

• immediate⽴即监听, deep深度监听, handler固定⽅法触发

监听器可以