vue在created里面请求的数据在mounted显示undefine

### 回答1：
在 Vue.js 中，created 钩子函数在实例创建之后立即调用。这意味着在 created 钩子函数中进行的数据请求可能还没有完成。mounted 钩子函数在挂载完成之后调用，此时已经渲染完成，因此如果在 mounted 中访问数据请求的结果，可能会得到 "undefined" 的值。

为了解决这个问题，你可以在数据请求完成之后再调用 mounted 钩子函数，或者将数据请求的代码放在 mounted 钩子函数中进行。

例如，你可以使用 Promise.then 方法来等待数据请求完成：

created() {
  this.fetchData().then(() => {
    // 数据请求完成
  });
},
mounted() {
  // 数据请求已经完成，可以访问数据了
},
methods: {
  fetchData() {
    return axios.get('/api/data').then((response) => {
      this.data = response.data;
    });
  }
}

或者你也可以将数据请求的代码放在 mounted 钩子函数中：

mounted() {
  this.fetchData();
},
methods: {
  fetchData() {
    axios.get('/api/data').then((response) => {
      this.data = response.data;
    });
  }
}

### 回答2：
在Vue中，created和mounted是两个生命周期钩子函数。created在组件实例被创建之后立即调用，此时组件的DOM还未被挂载，而mounted在组件的DOM被挂载后调用。如果在created钩子中请求数据，并在mounted中使用这些数据，有可能会出现数据为undefined的情况。

这是因为在created钩子中请求数据时，请求的过程是异步的，数据还未返回就已经进入到了mounted钩子中。因此，在mounted钩子中访问数据时，数据还未被赋值，所以会显示为undefine。

要解决这个问题，可以在created钩子中使用Promise或async/await来确保数据已经返回后再进入到mounted钩子中。

示例代码如下：

created() {
this.getData().then(data => {
this.myData = data;
});
},

methods: {
async getData() {
// 在这里进行数据请求，返回一个Promise对象
return axios.get('api/data')
.then(response => response.data)
.catch(error => {
console.error(error);
return null;
});
}
},

mounted() {
// 此时会正确显示数据
console.log(this.myData);
}

通过使用Promise或async/await，可以确保在mounted钩子中访问数据时，数据已经被正确赋值，避免了数据为undefined的情况。

### 回答3：
在Vue中，created和mounted是组件的两个生命周期钩子函数。

在created钩子函数中，组件实例已经创建完成，但是DOM元素还没有渲染出来。所以，在created钩子函数中请求的数据，是可以成功获取到的，但是在mounted钩子函数中显示的时候可能会出现undefined。

造成这种情况的原因可能是请求数据需要一定的时间来获取，并且在mounted钩子函数中可能会更早执行，导致数据还没有获取到。

要解决这个问题，可以使用Vue的异步操作或者Promise对象。例如，可以使用axios库来发送异步请求数据，并且使用Promise对象来保证在获取数据之后再进行显示。

下面是一个示例代码：

// 在created钩子函数中发送异步请求
created() {
  axios.get('example.com/api/data')
    .then(response => {
      // 获取到数据后赋值给组件的data属性
      this.data = response.data;
    })
    .catch(error => {
      console.log(error);
    });
},
// 在mounted钩子函数中显示数据
mounted() {
  // 使用Vue的$nextTick方法来保证数据已经渲染完毕
  this.$nextTick(() => {
    console.log(this.data); // 这里的this.data应该是有值的
  });
}

通过使用异步操作和Promise对象，可以确保在mounted钩子函数中获取到的数据不会是undefined。