vue常用特性之过滤器

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/poppy995/article/details/98174268

过滤器

---

格式化数据

比如将字符串格式化为首字母大写，将日期格式化为指定的格式

---

自定义过滤器

   Vue.filter('过滤器名称',function(value){
     //过滤器业务逻辑
   })

---

过滤器的使用

   <div>{{msg|upper}}</div>
   <div>{{msg|upper|lower}}</div>
   <div v-bind:id="id"|formatId></div>

---

局部过滤器

也可以在Vue({})这个对象中写，格式是

filters:{
过滤器名称：function(){}
}

---

带参数的过滤器

   Vue.filter('format',function(value,arg1){
     //value就是过滤器传递过来的参数
   })

---

带参数的过滤器的使用

  <div>{{date|format('yyyy-mm-dd')}}