vue中在js页面中通过后端接口赋值给const变量

在Vue中，可以通过axios或者fetch等工具发送HTTP请求，接收后端返回的数据，然后将数据赋值给Vue组件中的data数据。

举个例子，假设有一个后端接口返回如下数据：

{
  "name": "张三",
  "age": 18,
  "gender": "男"
}

在Vue组件中，可以通过以下方式将接口数据赋值给const变量：

<template>
  <div>
    <p>{{ userInfo.name }}</p>
    <p>{{ userInfo.age }}</p>
    <p>{{ userInfo.gender }}</p>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      userInfo: {}
    }
  },
  mounted() {
    const that = this
    axios.get('/api/userInfo').then(res => {
      that.userInfo = res.data
      // 这里可以通过that.userInfo来获取接口返回的数据
      console.log(that.userInfo)
    })
  }
}
</script>

在上面的代码中，我们通过axios发送了一个GET请求，来获取后端接口返回的数据。然后将获取到的数据赋值给Vue组件中的data数据中的userInfo对象。最后，我们可以通过that.userInfo来获取接口返回的数据。