<tbody>
<tr v-for="item in books" >
<td >{{item.id}}</td>
<td >{{item.name}}</td>
<td >{{item.date}}</td>
<td >{{item.price}}</td>
<td>
<button type="button">-</button>
{{item.count}}
<button type="button">+</button>
</td>
<td><button type="button">操作</button></td>
</tr>
</tbody>
const app = new Vue({
el:"#app",
data:{
books:[
{
id:1,
name:'(C++)',
date:'1998-5',
price:85.00,
count:1
},
{
id:2,
name:'(A++)',
date:'1998-5',
price:815.00,
count:1
},
{
id:3,
name:'(B++)',
date:'1998-5',
price:855.00,
count:1
},
{
id:4,
name:'(E++)',
date:'1998-5',
price:835.00,
count:1
},
{
id:5,
name:'(D++)',
date:'1998-5',
price:845.00,
count:1
},
]
}
})
试试下面这样呢