渲染语法:v-for = "(item,index) in items" :key = "index"
其中key最好是简单的,不建议写复杂的:items是vue的data中的数据。
<tr v-for = "(item,index) in students" :key = "index" :class="{back:index%2==0}">
<td>{
{index+1}}</td>
<td>{
{item.name}}</td>
<td>{
{item.age}}</td>
<td>{
{item.sex}}</td>
</tr>
let app = new Vue({
el: "#app",//选中渲染区域,区域内可以使用下面的data
data: {
students:[
{"name":"王珊珊","age":22,"sex":"女"},
{"name":"王盒饭","age":23,"sex":"男"},
{"name":"戴涵涵","age":24,"sex":"女"},
{"name":