# 5、过滤器 （格式化 数据 时间等） * [1.过滤器的作用是什么?](https://www.kancloud.cn/zheng1234/vuejs/2393769#1_1) * [2.自定义过滤器](https://www.kancloud.cn/zheng1234/vuejs/2393769#2_5) * [3.局部过滤器 （实在vue 下的一个属性 （组件））](https://www.kancloud.cn/zheng1234/vuejs/2393769#3__vue____18) * [4.带参数的过滤器](https://www.kancloud.cn/zheng1234/vuejs/2393769#4_25) * [案例:使用过滤器格式化日期](https://www.kancloud.cn/zheng1234/vuejs/2393769#_35) # 1.过滤器的作用是什么? 格式化数据,比如将字符串格式化为首字母大写,将日期格式化为指定的格式等  ## 2.自定义过滤器 ~~~ Vue.filter('过滤器名称'，function(value){ //过滤器业务逻辑 }) ~~~ 过滤器使用 ~~~ <div>{{msg | upper}}</div> // upper 一个过滤器 <div>{{msg | upper | lower}}</div> // upper | lower 多个过滤器 <div v-bind:id="id | formatId"></div> ~~~  ## 3.局部过滤器 （实在vue 下的一个属性 （组件）） ~~~ filters:{ capitalize:functoion(){} } ~~~ ## 4.带参数的过滤器 ~~~ Vue.filter(''format,function(value,arg1){ //value就是过滤器传递过来的参数 }) ~~~ 过滤器的使用 ~~~ <div>{{date | format('yyyy-MM-dd')}}</div> ~~~ # 案例:使用过滤器格式化日期 2018-11-15T09:20:1 5.004Z > 2018-09-27 将时间格式化为**yyyy-MM-dd**格式 日期格式化规则