vue2：过滤器filters

一，实例

结果：54321

<template>
 <div >
   {{msg | newMsg}}
 </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  data(){
    return {
     msg:'12345'
    }
  },
filters:{
  newMsg(a){
    console.log(a)//'12345'
    return '54321'
  }
}
}
</script>

二，注意事项和总结体会

1.作用：做数据进行处理，得到自己想要的某种类型的数据。

2.vue2支持，vue3不支持。

3.组件中调用的语法： {{ data | 过滤器的名称}}

4.一定要将结果return出去。

5.通过this.XXX不能获取data中的数据，只能通过方法中形参拿到调用过滤器的数据。