vue过滤器的使用

vue过滤器的使用及生命周期

1.过滤器的作用

2.定义过滤器和使用

2.1全局定义过滤器：

Vue.filter(‘名称’,function(value){

业务逻辑

})

2.2局部定义过滤器

filters：{

upper:function(){

//其中：upper为过滤器名称，function为逻辑处理

}

}

2.3过滤器的基本使用

其中：<div>{
  {msg | upper | lower}}</div>:支持级联操作，即将上一个过滤器的结果返回给第二个过滤器继续使用进行过滤。
注意：msg为要过滤的数据，即data中的数据

其中：<div v-bind:id="msg | upper"></div

id:为绑定的属性
msg：为data中的数据
upper：为我