浅析vue中常见循环遍历指令的使用v)

  

vue中循环遍历使用的指令是v

  

<强> 1. v)遍历数组

  

(1)价值arr遍历数组中的元素

  

(2) (arr价值,指数)遍历数组中的元素和数组下标

  

运行代码:

        & lt; body>   & lt; div类="盒子"比;   & lt; ul>   & lt;李v=癮rr价值”在{{value}} & lt;/li> & lt; br>   & lt;李v="(价值,指数)在加勒比海盗”在{{value}},{{指数}}& lt;/li>   & lt;/ul>   & lt;/div>   & lt;脚本src=" https://www.yisu.com/zixun/js/vue.js "祝辞& lt;/script>   & lt; script>   新Vue ({   埃尔:“.box”,   数据:{   加勒比海盗:["哈哈”、“嘻嘻”,“哼哼”)   }   });   & lt;/script>   & lt;/body>      

输出结果:

  

浅析vue中常见循环遍历指令的使用v代表

  

<强> 2. v)遍历json对象

  

(1)价值json遍历json对象中的值

  

(2) (json值,键)遍历json对象中的值和键

  

(3)(值,键、索引)json遍历json对象中的值,键和索引

  

,运行代码:

        & lt; body>   & lt; div类="盒子"比;   & lt; ul>   & lt;李v=json“价值”在{{value}} & lt;/li> & lt; br>   & lt;李v=" json(值,键)”在{{value}},{{关键}}& lt;/li> & lt; br>   & lt;李v=" json(价值、关键指数)”在{{value}},{{关键}}{{指数}}& lt;/li>   & lt;/ul>   & lt;/div>   & lt;脚本src=" https://www.yisu.com/zixun/js/vue.js "祝辞& lt;/script>   & lt; script>   新Vue ({   埃尔:“.box”,   数据:{   json: {   百度:“百度”,   souhu:“搜狐”,   sougou:“搜狗”   }   }   });   & lt;/script>   & lt;/body>      

输出结果:

  

浅析vue中常见循环遍历指令的使用v代表

  

, <强> 3. v)遍历整数

  

(1) n在整数遍历1 ~整数,整数从1开始

  

(2) (n,指数)在整数遍历1 ~整数,整数从1开始,索引从0开始

  

运行代码:

        & lt; body>   & lt; div类="盒子"比;   & lt; ul>   3 & lt;李v=皀”在{{n}} & lt;/li> & lt; br>   & lt;李v=" (n,指数)在3“在{{n}},{{指数}}& lt;/li>   & lt;/ul>   & lt;/div>   & lt;脚本src=" https://www.yisu.com/zixun/js/vue.js "祝辞& lt;/script>   & lt; script>   新Vue ({   埃尔:“.box”,   数据:{      }   });   & lt;/script>   & lt;/body>      

输出结果:

  

浅析vue中常见循环遍历指令的使用v代表

  

当然,v代表也可以在模板中使用,但是这个我不想写了

  

  

以上所述是小编给大家介绍的vue中常见循环遍历指令的使用v代表,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

浅析vue中常见循环遍历指令的使用v)