摘要:Vue的过滤器过滤器是一个相对常见的知识点。在下面,我将带您与时间戳记的转换结合使用,以快速了解过滤器的使用情况。
1.快速知识概念
大家好,Vue的过滤器过滤器是一个更常见的知识点。在下面,我将带您与时间戳记的转换结合使用,带您快速了解过滤器的用法?
根据官方工作,vue.js允许您自定义过滤器,并可以用于某些常见的文本格式化。滤光器可在两个地方使用:双花括号和V型绑定表达式(后者支持2.1.0+)。该过滤器应在JavaScript表达式的尾部添加,该滤镜由“管道”符号指示。
为了简单地在滤波器过滤器中定义处理函数,请在管道“ |”后面编写功能名称,它将在管道“ |”之前处理自定义数据。自定义数据将自动变为过滤。设备功能的参数。
过滤器可以分为本地过滤器和全局过滤器。让我们在下面进行详细的介绍。
1.本地过滤器是在组件选项中定义本地过滤器,并且只能使用组件。在我们的总体开发中,通常仅返回时间戳到前端的前端。以下是将转换时间戳定义为日期格式的过滤器(注意步骤):
结果,转换成功:
2.不仅如此,该过滤器还可以串联连接,也就是说,可以定义多个过滤器,例如下面的过滤器,这等同于使用转换函数处理时间的数据,然后继续使用又一次的换算函数处理先前结果的结果以获得最终结果的最终结果
基本演示如下:
3.同时,过滤器还可以接收参数。例如,我们改进了第一个点的示例,使用可以指定格式的时间格式转换时间戳,并将所需的时间格式用作滤波器参数。特定用法如下(请注意netestep):
结果如下:
由于称为整体情况,因此自然要在创建VUE实例之前定义过滤器。配置后,所有组件均直接使用。在自定义文件中定义。
1.在src目录中定义过滤器文件夹,并在文件夹中定义exters.js文件:
2. filters.js文件代码如下:
3.在main.js中引入全局过滤器:
设置全局过滤器格式为vue.filter('过滤器名称”,相应的处理函数);
4.它可以直接在组件中使用:
相同的结果:
可以发现,过滤器过滤器在使用方面与计算的计算属性有点相似。那么区别是什么呢?
1.过滤器可以传递,但是您无法访问此。无缓存函数。在同一时间,可以以串联设置过滤器。通常应用于模板渲染。
2.无法传递计算的,您可以访问此内容,用于变量的操作。其背后的处理逻辑更为复杂,具有缓存的能力,并且在组件中具有更强的通用性。因此,它适用于复杂的数据转换和统计。
以上是过滤器过滤器的一般含量。总的来说,过滤器可以分为本地过滤器和全局过滤器。局部过滤器在组件内有效,并且全局过滤器在每个组件中都是有效的。它们在它们中,多个过滤器,多个过滤器可以将参数设置为过滤器。从总体上讲,将过滤器应用于一些简单的数据渲染。