vue+element-ui 实现增删改

<template>
  <div>
    <el-button @click="add">添加数据</el-button>
    <el-table style="width: 100%" :data="list">
      <!-- 索引列 -->
      <!-- <el-table-column type="index"></el-table-column> -->

      <!-- id 开始-->
      <el-table-column prop="id" label="ID">
        <template scope="scope">
          <!-- （当前页 -1） *  每页显示数据条数 + 下标+1 -->
          <span>{
   {
    (page - 1) * pageSize + scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <!-- id 结束-->

      <!-- 分类名称开始 -->
      <el-table-column prop="name" label="分类名称"> </el-table-column>
      <!-- 分类名称结束 -->

      <!-- 操作开始 -->
      <el-table-column label="操作">
        <template slot-scope="scope">
          &l