vue3数组子元素改变，页面更新不及时问题

vue3的创了一个数组后，如果想动态为这个数组添加子元素，那么页面上的子元素有时不会及时渲染，这时我们可以这么做：

tableData = ref([])

tableData.value = res.data.data.records
tableData.value.forEach(item => {
    const params = {
    list: [],
    expandform: {
        id: '',
        current: 1,
        size: 10
    },
    roomListTotal: 0
    }
    item.children = reactive(params)
})