使用webstorm创建vue文件写表格

1.mian.js

import Test from ‘./table.vue’

2.table.vue

<table border="1px">
    <tr>
        <th>ID</th><th>姓名</th><th>性别</th><th>电话号码</th>
    </tr>
    <tr v-for="value in student" v-bind:key="value">
        <td>{{value.id}}</td>
        <td>{{value.name}}</td>
        <td>{{value.sex}}</td>
        <td>{{value.phone}}</td>
    </tr>
</table>

测试数据：
student:[
{
id: “1”,
name: “a”,
sex: “男”,
phone: “123”
},
{
id: “2”,
name: “b”,
sex: “女”,
phone: “456”
}
]