v-for 迭代整数

v-for 也可以循环整数

 

v-for

<div id="app">

  <ul>

    <li v-for="n in 10">

     {{ n }}

    </li>

  </ul>

</div>

 

 

显示过滤/排序后的结果

 

我们可以对数组的元素进行处理后再显示出来，一般可以通过创建一个计算属性，来返回过滤或排序后的数组。

 

v-for 实例

输出数组中的偶数：

 

<div id="app">

  <ul>

    <li v-for="n in evenNumbers">{{ n }}</li>

  </ul>

</div>