vue2怎么获取用户信息并绑定到页面渲染出来

获取用户信息需要先确定用户信息的来源，一般有以下几种方式：

1. 前端通过接口请求后端获取用户信息，然后将数据绑定到页面中。

2. 用户登录后，后端返回用户信息并将其存储在前端的cookie或localStorage中，页面渲染时直接从本地存储中获取用户信息。

3. 用户登录后，后端将用户信息存储在session中，前端通过请求接口获取session中的用户信息。

根据不同的情况，可以使用不同的方法进行实现。以第一种方式为例，可以使用Vue的生命周期函数中的created或mounted钩子函数来请求用户信息，并绑定到页面中。示例代码如下：

<template>
  <div>
    <p>用户名：{{userInfo.name}}</p>
    <p>年龄：{{userInfo.age}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      userInfo: {},
    };
  },
  created() {
    this.getUserInfo();
  },
  methods: {
    getUserInfo() {
      // 发送请求获取用户信息
      // 这里使用axios库发起请求
      axios.get('/api/userInfo').then((res) => {
        this.userInfo = res.data;
      });
    },
  },
};
</script>

在上面的代码中，我们在created钩子函数中调用了getUserInfo方法，该方法发送了一个请求来获取用户信息，并将获取到的数据赋值给userInfo变量。在模板中，我们通过双花括号绑定了userInfo对象中的name和age属性，从而将用户信息渲染到页面上。