Vue2.x和Vue3.x v-for中还可以这样解构赋值

通过node接口获取数据：

    const getQueryAllUserInfo = () => {
      axios.get("user/queryAllUserInfo").then(res => {
        res.code === "200" && (tableData.value = res.data);
        console.log(tableData.value);
      });
    };

在页面上使用：
本质是对象的解构赋值

    <div class="testDiv" 
    v-for="{username:name,uuid,sex,codeStr:code} in tableData" 
    :key="uuid">
      <p>姓名：{{name ||  "空"}}</p>
      <p>uuid：{{uuid  ||  "空"}}</p>
      <p>性别：{{sex ||  "空"}}</p>
      <p>位置：{{code ||  "空"}}</p>
    </div>