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

}