定义
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，
简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。
项目中filter的使用
- 在根目录创建/filter/index.js,在里面添加全局过滤器,比如一个格式化时间的过滤器
import Vue from 'vue';
// 自定义过滤起
Vue.filter('fomatDate', function (time) {
let date = new Date(time);
let Y = date.getFullYear();
let M = date.getMonth() + 1;
let D = date.getDate();
return `${Y}年-${M}月-${D}日`
})
// 别的过滤器
- 在main.js中导入过滤器
// 导入过滤器
import '@/filter/index';
- 在组件中使用过滤器
:value="item.saleDate | fomatDate" />
<van-list style="margin-top: 10px;">
<van-cell v-for="(item,index) in list"
:key="index"
:title="item.name"
:value="item.saleDate | fomatDate" />
</van-list>
