vue教程2-06 过滤器

vue教程2-06 过滤器

过滤器:
vue提供过滤器:
capitalize uppercase currency....

 

debounce 配合事件,延迟执行

">

 

 

数据配合使用过滤器:
limitBy 限制几个
limitBy 参数(取几个)
limitBy 取几个 从哪开始

  • ="val in arr | ">


  •         <!--取2个,从第arr.length-2个开始取-->
            <li v-<span style="color: #0000ff;"&gt;for</span>="val in arr | <span style="color: #ff0000;"&gt;limitBy 2 arr.length-2</span>"&gt;<span style="color: #000000;"&gt;
                {{val}}
            </span></li>
        </ul>
    </div>
    <script>
    
        <span style="color: #0000ff;"&gt;var</span> vm=<span style="color: #0000ff;"&gt;new</span><span style="color: #000000;"&gt; Vue({
            data:{
                arr:[</span>1,2,3,4,5<span style="color: #000000;"&gt;]
            },methods:{
    
            }
        }).$mount(</span>'#box'<span style="color: #000000;"&gt;);
    
    </span></script></pre>

     

    filterBy 过滤数据
    filterBy ‘谁’

  • ="val in arr | ">