表格中对每一行进行编辑

使用el-table标签的:data属性，可以设置数据源。

el-table-column用来设定 列级

通过slot-scope="scope"我们可以对每一行进行操作，只要把scope传入函数中，即可进行逻辑操作

        <el-table :data="messages">
            <el-table-column label="id">
                <template slot-scope="scope">
                    <span>{{scope.row.id}}</span>
                </template>
            </el-table-column>
            <el-table-column label="学号">
                <template slot-scope="scope">
                    <span>{{scope.row.studentId}}</span>
                </template>
            </el-table-column>
            <el-table-column label="姓名">
                <template slot-scope="scope">
                    <span>{{scope.row.name}}</span>
                </template>
            </el-table-column>
            <el-table-column label="年龄">
                <template slot-scope="scope">
                    <span>{{scope.row.age}}</span>
                </template>
            </el-table-column>
            <el-table-column label="性别">
                <template slot-scope="scope">
                    <span>{{scope.row.gender}}</span>
                </template>
            </el-table-column>
            <el-table-column label="修改">
                <template slot-scope="scope">
                    <el-button type="primary" icon="el-icon-edit" circle @click="editMessage(scope)"/>
                </template>
            </el-table-column>
            <el-table-column label="删除">
                <template slot-scope="scope">
                    <el-button type="danger" icon="el-icon-delete" circle @click="delMessage(scope)"/>
                </template>
            </el-table-column>
        </el-table>