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>
输出结果:
<强> 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>
输出结果:
, <强> 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>
输出结果:
当然,v代表也可以在模板中使用,但是这个我不想写了
以上所述是小编给大家介绍的vue中常见循环遍历指令的使用v代表,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!