vue3中v-for遍历数组，页面刷新后view数据消失，但是数据请求正常，打印正常，数据并未消失

vue3中v-for遍历数组，页面刷新后view数据消失，但是数据请求正常，打印正常，数据并未消失

不知道具体原因，有知道原因的可以回复一下。

错误代码：

<tr v-for="(category,index) in categoryList" :key="category.id">
  <td>{{ category.id }}</td>
  <td>{{ category.name }}</td>
</tr>

<script setup>

import {onMounted,reactive} from "vue";
onMounted(() => {loadDates()})

let categoryList = reactive([])

const loadDates = async () => {
  let res = await axios.get("/category/list")
  categoryList = res.data.rows
  console.log(categoryList)
}

<script>

只有解决方案,不知道错误原因：

const loadDates = async () => {
  let res = await axios.get("/category/list")
  categoryList.push(...res.data.rows)
}

改后view数据恢复正常