$set:使用$set方法修改数组内容，解决修改表格，for循环修改数组内容以后不生效问题

<template>
  <div style="margin-top: 20px">
    一般使用数组方法就可以直接修改，但是有时候进行了二次封装，就需要使用$set方法修改
    <el-button @click="clickPopup1">数组修改</el-button>
    <el-button @click="clickPopup2">$set修改</el-button>
    <h3 v-for="item in dataListPopup" :key="item.index">{
  
   
   { item.name }}</h3>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
      <el-table-column prop="address" label="地址"> </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "home