3.3 v-for : 遍历
v-for 用于列表的循环渲染。基本语法:v-for="item in data",data 可以是数组或者对象,接下来我们介绍对两种数据类型的循环。
遍历数组 : v-for="person in persons" $index
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<div>
<ul>
<li v‐for="item in music">{{item.name}}</li>
</ul>
</div>
</html>
遍历对象 : v-for="value in person" $key
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<div>
<ul>
<li v‐for="item in obj">{{item}}</li>
</ul>
</div>
</html>
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 Eternal Night
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果