RefImpl 对象 .value时数据为空，直接输出则显示数据（vue3前端异步问题 ）

直接console.log打印显示如下图：

通过.value打印出来是空。

有人说：

因为console.log打印对象的执行机制，当你在浏览器控制台点击对象，展开对象时，此时浏览器才会去对象所在的堆内存中获取数据,再经过浏览器编译，展示在控制台。
控制台对象一旦打开后，就不再修改，其值就会存储在浏览器中，即使后面代码再次更新对象，也不会改变了。

通过watch就可以打印出来了。

watch(
      () => userList,
      () => {
        tableData.value = userList.value;
      },
      { deep: true }
    );