vue 简单演示

记住几种简单格式

<table id="table">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>成绩类别</th>
</tr>
<tr v-for="s in students">
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td v-if="s.score>=60">及格</td>
<td v-if="s.score<60">不及格</td>
</tr>
</table>

 

let vue2 = new Vue({
el:"#table",
data:{
students:[{
"name":"张三",
"age":"23",
"score":"55"
},{
"name":"张1",
"age":"23",
"score":"65"
}]
}
})

 

v-if  v-for  而已啦