Vue3 个人信息组件：使用生命周期创建时发起 POST 请求并渲染数据

<template>
  <div>
    <p>账号：{{account}}</p>
    <p>名称：{{name}}</p>
    <p>等级：{{level}}</p>
  </div>
</template>
<script>
import axios from 'axios';

export default {
  data() {
    return {
      account: '',
      name: '',
      level: ''
    }
  },
  created() {
    axios.post('/api/getUserInfo')
      .then(res => {
        this.account = res.data.account;
        this.name = res.data.name;
        this.level = res.data.level;
      })
      .catch(err => {
        console.error(err);
      });
  }
}
</script>