Vue过滤器（项目实战）

在项目中碰到了一个有趣的写法，接收到的数据为28000，展示数据时显示的是2.8万，第一个想法是过滤器，因为以前只是学过理论知识，第一次使用需要记录下来。

过滤器分为全局和局部。这里我们先用局部解决需求，后面再看看全局。

局部过滤器：用于插值表达式和v-bind

 <div class="sells-count">{{shop.cSells | sellCountFilter}}</div>

代码解析：插值表达式左边是我们要展示的数据，右边是局部过滤器的名字

 filters: {
      sellCountFilter(value) {
      	if (value < 10000) {return value}
      	else{return (value/10000).toFixed(1)+'万'}
    	}
    }

代码解析：编写过滤器方法，value是我们要过滤的数据。

全局表达式
定义表达式

Vue.filter('filterName',(value)=>{return xxx})

使用也一样

<span>{{data | filterName}}</span>