带你掌握Vue过滤器过滤器和时间戳转换

Filter主要分为localfilter和globalfilter，详见详细介绍以下。2.局部过滤器：局部过滤器就是在一个组件的选项中定义一个局部过滤器，只能使用这个组件。在我们一般的开发中，时间后端一般只返回一个时间戳，让前端自己处理。例如，定义一个将时间戳转换为日期格式的过滤器（注意步骤）：这样就转换成功了：不仅如此，filter还可以串联，也就是说可以定义多个filter，比如下面这样，是等价的to使用转换函数先处理times数据得到结果，然后继续使用againChange函数处理之前的结果得到最终结果：{{times|转换|againChange}}基本演示如下：同时，过滤器也可以接收参数。比如我们改进第一个小点的例子，将时间戳转换成指定格式的时间格式，将需要的时间格式作为过滤参数，具体用法如下（注意步骤）：相同的结果：4.Extension:Yes发现filters在用法上和computedproperties有点相似，那么它们有什么区别呢？filters可以传参，但是不能访问this，没有缓存功能。同时滤波器可以串联。可以在本地和全局设置。filter比较简单，只在显式调用时触发，一般应用于模板渲染。Computed不能传递参数，但是可以访问this，针对变量的操作。其背后的处理逻辑比较复杂，具有缓存能力，在组件上比较通用，适用于复杂的数据转换、统计等场景。五。总结：以上是过滤器的一般内容。一般来说，过滤器可以分为局部过滤器和全局过滤器。局部过滤器在组件内部有效，全局过滤器在每个组件中有效。其中，可以设置多个过滤器，并给过滤器传递参数。通用过滤器应用于一些简单的数据渲染。点击关注，第一时间了解华为云的新鲜技术~