在vue页面中，怎么拿到当前用户的名字

要在Vue页面中拿到当前用户的名字，需要先获取用户信息，然后从用户信息中获取用户名。根据上面的回答，可以使用axios等HTTP库发送请求，获取当前用户的信息。假设后端返回的用户信息如下：

{
  "name": "John",
  "age": 28,
  "gender": "male"
}

则可以在Vue页面中使用以下代码来获取用户名：

import axios from 'axios'

export default {
  data() {
    return {
      userName: ''
    }
  },
  mounted() {
    this.getUserInfo()
  },
  methods: {
    getUserInfo() {
      let token = this.$cookies.get('token')
      let config = {
        headers: {
          'Authorization': `Bearer ${token}` // 携带token
        }
      }
      axios.get('/user/info', config)
        .then(response => {
          this.userName = response.data.name // 获取用户名
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}

上述代码中，我们在组件中定义了一个data属性userName，用来存储当前用户的名字。在mounted生命周期中调用getUserInfo方法，发送请求获取用户信息。在请求成功后，将用户名赋值给userName属性，即可在Vue页面中使用该属性来展示当前用户的名字。