Vue基础 - 过滤器

内容

1. 定义：对要显示的数据进行特定格式化后再显示

2. 语法：

   1. 注册过滤器：Vue.filter(name,callback)或者new Vue{filters:{}}
   2. 使用过滤器：{{xxx | 过滤器名}} 或者v-bind:属性="xxx | 过滤器名"
   3. 全局过滤器和局部过滤器，如果存在多个Vue实例，可以在 script 内容前面写 Vue.filter(name,callback)，这样无论哪个Vue的el是哪个都可以使用该过滤器；如果是在 new Vue{filters:{}} 里面定义的，则只有对应的el才能使用该过滤器。

   备注: el表明vue实例的挂载点

3. 备注

   1. 过滤器也可以接收额外参数、多个过滤器也可以串联
   2. 过滤器并未改变原本的数据，而是产生了新的对应的数据
   3. 过滤器只是将前面传递的数据，再次进行相应的计算

代码实例

<<< @/md/vue/code/vue_basic/14_过滤器/过滤器.html