好的,以下是在Vue.js中如何获取userinfo信息的详细代码。
首先,需要安装axios库:
npm install axios
在Vue.js文件中引入axios库:
import axios from 'axios';
在需要获取userinfo信息的组件的methods属性下,添加方法getInfo:
export default {
data() {
return {
userinfo: {}
}
},
methods: {
getInfo() {
axios.get('/user/getInfo')
.then(response => {
this.userinfo = response.data;
})
.catch(error => {
console.log(error);
});
}
}
}
在Vue.js模板中,可以通过插值语法{{}}将userinfo信息展示出来:
<template>
<div>
<p>User Name: {{userinfo.name}}</p>
<p>User Age: {{userinfo.age}}</p>
</div>
</template>
需要注意的是,以上代码只是示范,如果userinfo信息不是通过axios.get('/user/getInfo')接口获取的,而是通过store、props或其他方式传递的,获取userinfo信息的代码也会有所不同。
那么,以上就是在Vue.js中如何拿到userinfo信息的详细代码,希望对你有所帮助。