vue3 数组如何赋值

一、先说一下我报错的代码：

const tableData = reactive([ ]) //表格数据

const res = [1,2,3] //假设是接口返回的数据

const load = () => {

        tableData = res

 }

二、解决方法：

可以赋值，但是不是响应式；如果是响应式可以这样做：

1. (解决方法一）const load = () = > {

      res.forEach((item)=>{

      tableData.push(item)

      })

}

2.（解决方法二）

const tableData = reactive({

arr: [ ]

}) //表格数据

const res = [1,2,3] //假设是接口返回的数据

const load = () => {

tableData.arr = res

}

3.(解决方法三）

const tableData = ref([ ]) //表格数据

const res = [1,2,3] //假设是接口返回的数据

const load = () => {

tableData.value = res

}