zoukankan      html  css  js  c++  java
  • VUE入门六之过滤器

    一、为什么我们需要使用过滤器?

      这个问题还是很好回答的,我们使用过滤器很简单的一个道理就是简化代码,不多说了,直接来一段看看,比如说我们下面的这种情况

        <------------------------------------------------------

       我们要在一段文字后面加上... 并且要变成前面的内容,这里我不得不承认实现它的方式有很多种。我们可以想想要实现的情况,无非就是要请求数据,我们的数据在data里面,请求数据后就进行裁剪,变成一段话+ ...,还有数据中的数据我们想做个改变的话,那么用我们的过滤器是再适合不过了

    二、全局过滤器的使用

      我们使用的cli搭建的话就需如下的使用方式:

       

      这样我们在全局就可以使用了,当然很多页面需要这种方式的话,我建议写在全局下进行操作,如果不是这样子的话,那么建议非全局下进行操作

    三、局部过滤器的使用

      好了我们现在进入局部过滤器的使用:我们要实现文字的替换功能,我们该怎么来操作呢?

        现在要实现把我的进行替换成他的,我们怎么来操作呢

        -------------------------->

       接下来是实现方式:

            //过滤器需要使用到管道符,管道后面是过滤函数,默认的参数是接收上一个的返回值,意思就是操作过的值。

      接下来我们需要在模块中书写filters对象

        

       好了,这就是我们过滤器的使用,如果这段文字非常多,且有重复的怎么办?

        

        以上就是过滤器的简单使用方法了,当然还有更多的使用方法,这里就不在介绍了。

       

  • 相关阅读:
    POJ 1141 Brackets Sequence (区间DP)
    UVaLive 6585 && Gym 100299F Draughts (暴力+回溯)
    UVaLive 6950 && Gym 100299K Digraphs (DFS找环或者是找最长链)
    UVaLive 6588 && Gym 100299I (贪心+构造)
    UVa 1611 Crane (构造+贪心)
    Gym 100299C && UVaLive 6582 Magical GCD (暴力+数论)
    UVa 1642 Magical GCD (暴力+数论)
    UVaLive 6591 && Gym 100299L Bus (水题)
    UVaLive 6581 && Gym 100299B What does the fox say? (模拟+STL)
    HDU 5898 odd-even number (数位DP)
  • 原文地址:https://www.cnblogs.com/dy105525/p/12520436.html
Copyright © 2011-2022 走看看