vue2中的过滤器

vue的过滤器只用用在 双花括号{{}} 和 v-bind 中，使用时采用|符号来实现

在main.js中全局定义过滤器方法，即可在项目中直接使用

直接在文件中使用filters，在其中定义要使用的过滤器

多个过滤器可串联使用，前一个过滤的返回值作为后一个过滤器的入参

过滤器像函数一样，可以接受参数

1.通过添加v-cloak属性，来进行vue页面的优化，cloak可以是任意内容，只要前面加v-就可以

2.过滤器：（1）在{{}}插值的尾部添加一个管道符“|”对数据进行过滤

（2）经常用于格式化文本，比如字母的大小写，货币单位，时间日期补0，

（3）过滤器的方法是自定义的，分为全局和局部，全局过滤器要写在new Vue前面，局部要写new Vue里面，在没有冲突的前提下，过滤器可以串联

新建一个filter.js文件（我是在common文件夹下新建的）

然后在里面定义需要使用的filter 

filter.js

在main.js里面引入

import filter from './common/filter'

最主要的一步

for(let key in filter) {

Vue.filter(key,filter[key])

}

这样在任何一个文件中就可以直接使用了

比如first.sellMode | sellMode

---