vue过滤器filter实例详解

vue的过滤器一般在JavaScript 表达式的尾部，由“|”符号指示：

过滤器可以让我们的代码更加优美，一般可以用在时间格式化，首字母大写等等。

例如：{{ date | dateFormat }}这是过滤器的写法；{{ dateFormat(date) }}这是函数调用的写法

可以看出过滤器的写法更加语义化，让人一眼可以看出它的含义。

// 在这个例子中，filterA 被定义为接收单个参数的过滤器函数，表达式 message 的值将作为参数传入到函数中。然后继续调用同样被定义为接收单个参数的过滤器函数 filterB，将 filterA 的结果传递到 filterB 中

// 这里的参数将在过滤器函数内以第二个参数开始算起第一个参数为要过滤的值message，即'string'为第二个参数，obj为第三个参数。

过滤器方法在接收到参数后，你可以在方法内进行一系列的处理，最终return出处理结果即可。

1、过滤器可以是组件内的

2、过滤器也可以是挂载在全局Vue里

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

echarts鼠标覆盖高亮显示节点及关系名称详解

vue 实现复制内容到粘贴板clipboard的方法

vue获取当前激活路由的方法

以上就是vue 过滤器filter实例详解的详细内容，更多请关注Gxl网其它相关文章！