Vue框架--Vue过滤器

下面,我们一起来看看Vue中的过滤器。

过滤器:
    定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。
    语法:
       1.注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:{}}
       2.使用过滤器可以在这两个方面使用:

         插值语法{{ xxx | 过滤器名}}  或  v-bind:属性 = "xxx | 过滤器名"
   备注:
      1.过滤器也可以接收额外参数、多个过滤器也可以串联
      2.并没有改变原本的数据, 是产生新的对应的数据

Vue框架--Vue过滤器_第1张图片

Vue框架--Vue过滤器_第2张图片

你可能感兴趣的:(Vue,vue.js,javascript,前端,Vue过滤器)