<!DOCTYPE html>
<html lang="en">
1 <meta charset="UTF-8">
<title>Title</title>
</head>
<style>
table{
width: 300px;
color: #ff7c35;
}
</style>
<body>
<div id="nbsp">
<table border="1" cellspacing="0">
<tr>
<th>编号</th>
<th>名称</th>
<th>单价</th>
</tr>
<tr v-for="(value,index) in fruit">
<td>{{index+1}}</td>
<td>{{value.name}}</td>
<td>{{value.price}}</td>
</tr>
</table>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:"#nbsp",
data:{
fruit:[
{name:"apple",price:3},
{name:"banana",price:3},
{name:"mailefaolen",price:1000}
]
}
});
</script>
</body>
</html>
网友评论