Vue提供的过滤器

延迟执行过滤器:

    debounce

                 延迟2000毫秒来执行这个函数

 

  Vue提供的过滤器_第1张图片

            当键盘起来时两秒出现显示1的弹框

数据配合使用的过滤器(数组):

                .limite       (小编是这么理解的:后台给我100条数据,但是我只需要50条数据)

                         Vue提供的过滤器_第2张图片

                            

                   取几个

                                ===》取2个====》       

                    

                   取几个   从哪里开始

                            ===》

                 

                          取倒数两个数据

                              =====》

              

           2.   

              filter  过滤数据

 

                        

    

             过滤带“o”的数据

          ====》

          

 

               过滤数据  filterby  过滤谁

                Vue提供的过滤器_第3张图片

                            =====>

                   Vue提供的过滤器_第4张图片

                        ===>

                    Vue提供的过滤器_第5张图片

                    a记得初始化,不然会出现警告

   3.orderby    排序

        

          1正序

          -1倒序

       

 

 

自定义过滤器:

               Vue提供的过滤器_第6张图片    ==========》Vue提供的过滤器_第7张图片

    

                ==========》Vue提供的过滤器_第8张图片

 

 

接收参数:

Vue提供的过滤器_第9张图片

 

 

 

【例子:时间转化器】

    Vue提供的过滤器_第10张图片

   =============》

     

 

 

 

 

 

 

 

 


 

                      

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(随手记,Vue.js,前端)