<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
.textcolor{
color:aquamarine;
}
.textsize{
font-size: 50px;
}
</style>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="vueApp">
<h1>v-for循环数组内容</h1>
<div v-for="(person,number) in users">{{number}}.{{person.id}}-{{person.passwd}}</div>
</div>
</body>
<script>
let vueApp=new Vue({
el:"#vueApp",
data:{
users:[
{id:"gao",passwd:"123"},
{id:"wang",passwd:"456"},
{id:"li",passwd:"789"},
],
},
}
);
</script>
</html>
Vue.js学习-15-v-for循环数组内容
最新推荐文章于 2024-06-05 14:26:44 发布