Vue3 个人信息组件：使用 axios 在 created 生命周期中获取数据并渲染

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

export default {
  data() {
    return {
      account: '',
      name: '',
      level: ''
    }
  },
  async created() {
    const response = await axios.post('/api/getUserInfo')
    const { account, name, level } = response.data
    this.account = account
    this.name = name
    this.level = level
  }
}
</script>
<p>这里使用了 'axios' 库发起 POST 请求，这个请求的具体实现需要根据后端 API 来确定。在请求返回后，将用户信息保存在组件的 'data' 对象中，从而可以在模板中渲染出来。</p>