Vue父组件多次调用子组件，子组件数据不刷新三种解决方案

以下示例使用ElementUi作为演示

第一种（$nextTick）

$nextTick将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上

//父组件
<template>
  <div>
    <el-table
      :data="tableData.slice(pagesize*(pagenum-1),pagenum*pagesize)"
      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-column
      fixed="right"
      label="操作"
      width="100">
      &l