代码&＃xff1a;
html><html lang&＃61;"en"><head> <meta charset&＃61;"UTF-8"> <meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0"> <meta http-equiv&＃61;"X-UA-Compatible" content&＃61;"ie&＃61;edge"> <title>homeworktitle>head><body><div id&＃61;"app"> <table border&＃61;"1"> <tr > <th>学号th> <th>姓名th> <th>成绩th> <th>等级th> tr > <tr v-for&＃61;"(item,index) in users"> <td>{{item.id}}td> <td>{{item.name}}td> <td>{{item.grade}}td> <td v-if&＃61;"item.grade <60 ">不及格td> <td v-if&＃61;"60 <item.grade &&item.grade<90 ">良好td> <td v-if&＃61;"90 <item.grade">优秀td> tr> table>div><script src&＃61;"js/vue.js">script><script> const app &＃61; new Vue({ el: &＃39;#app&＃39;, data: { users: [{ id:&＃39;1&＃39;,name: &＃39;张三&＃39;, grade: &＃39;47&＃39;,type:&＃39;&＃39;}, { id:&＃39;2&＃39;,name: &＃39;李四&＃39;, grade: &＃39;89&＃39; ,type:&＃39;&＃39;}, { id:&＃39;3&＃39;, name: &＃39;王五&＃39;, grade: &＃39;65&＃39; ,type:&＃39;&＃39;}] } })script>body>html>
京公网安备 11010802041100号