共计 348 个字符，预计需要花费 1 分钟才能阅读完成。
1、vue 调用后端接口，并展现在前端列表中
前端列表中须要的数据为 tableData:
此处拜访后端接口获取此处的数据
前提结构 tableData 数据，次数据结构为数组：
从后端获取到数据后，要进行多个数据遍历的话，则应用 foreach
进行数据的遍历，及通过 push 办法传入 tableData 中
data.forEach(element => {
this.tableData.push(
{
name:element.first_name,
date:element.last_login,
address:element.avatar
}
);
});
2、灵魂一笔在于主动调用此函数刷新列表数据：
mounted() {
this.GetUserInfo()
},
此办法用于调用这个获取后盾数据的办法，否则无奈触发 api 接口的调用
正文完
