当然,还有其他比较简单的方法可以获取userinfo信息。
我们可以使用Vue.js的插件VueResource来实现这个功能,VueResource是一套基于Vue.js的网络请求插件,它提供了拦截器、Promise风格的HTTP请求等API。我们可以使用VueResource的$http对象来发送HTTP请求。
首先要安装VueResource:
npm install vue-resource
在Vue.js文件中引入VueResource:
import VueResource from 'vue-resource';
Vue.use(VueResource);
在需要获取userinfo信息的组件的methods属性下,添加方法getInfo:
export default {
data() {
return {
userinfo: {}
}
},
methods: {
getInfo() {
this.$http.get('/user/getInfo')
.then(response => {
this.userinfo = response.body;
}, error => {
console.log(error);
});
}
}
}
在Vue.js模板中,可以通过插值语法{{}}将userinfo信息展示出来:
<template>
<div>
<p>User Name: {{userinfo.name}}</p>
<p>User Age: {{userinfo.age}}</p>
</div>
</template>
需要注意的是,以上代码只是示范,如果userinfo信息不是通过$http.get('/user/getInfo')接口获取的,而是通过store、props或其他方式传递的,获取userinfo信息的代码也会有所不同。
那么,以上就是使用VueResource插件来获取userinfo信息的简单方法,希望对你有所帮助。