vue.js - Vue.js 请求 GET 到 fastAPI 更新数据但不更新组件（Jspreadsheet）

Question

尝试使用 fastpi 请求更新 Vuejs3 组件 jspreadsheet-ce（优秀的 js 库）。Vue 组件不更新，而数据似乎正确更新。

FastAPI main.py 提取：

@app.get("/rr/")
async def create_rr():
    return {"data" : [[1,1,5.25], [2,1,5.26], [3,1,5.27],[3,1,5.27],[3,1,5.27]]}

应用程序.vue

<template>
  <VueJSpreadsheet v-model="dataTable" :options="myOption" id="table" />
  data check {{ dataTable }}
</template>

    <script>
    import VueJSpreadsheet from "vue3_jspreadsheet";
    import { ref } from "vue";
    
    export default {
      components: {
        VueJSpreadsheet,
      },
      data() {
        const dataTable = ref([[1], [2], [3]]);
    
        return {
          dataTable,
        };
      },
      created: async function () {
        const rrResponse = await fetch("http://localhost:8000/rr");
        const rrObject = await rrResponse.json();
        this.dataTable = ref(rrObject.data);
        console.log(this.dataTable);
      },
    };
    </script>

{{dataTable}} 正确更新但我不明白为什么