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>
原文地址: https://www.cveoy.top/t/topic/mmAi 著作权归作者所有。请勿转载和采集!