Vue3数据更新，页面没有同步更新的问题

情景：

页面中的列表需要渲染接口返回的数据

问题：

根据控制台中打印的结果来看，接口数据请求且存储成功，但是页面列表中仍无数据，且控制台中无报错

解决方法：

刚开始是将接口数据直接存储在数组中的，在网上查找了相关问题后，将数组包裹在一个响应式对象中，如下图所示，问题成功解决，暂时不明白其中原理。