el-table数据更新后视图不更新渲染vue3环境

环境：vue3中使用elementplus

问题：el-table表格，数据更新之后，视图不更新，就很郁闷
我可是用的官网的例子啊o(╥﹏╥)o

代码块

<el-table :data="filterTableData"  style="width: 100%" stripe>
         <el-table-column type="index" :index="1" />
         <el-table-column prop="data" label="data"  />
         <el-table-column prop="name" label="name"  />
 </el-table>
 
<script lang="ts" setup>
const tableData = [
  {
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  }
]

解决办法：
将原来的

const tableData=[{}]

替换成

const tableData = reactive<Order[]>([])

问题解决了!