Vue Ajax 请求到底应该放在 created 里还是 mounted 里

1 先放在 created 里

首先我们先将请求放在 created 里，如下：

created(){

console.log('created');

this.$store.dispatch('getDetail', 11);

},

mounted(){

console.log('mounted');

}

这个时候，我们是能够成功发送 API 请求获取到数据的，控制台会打印 created，mounted。

2 再放在 mounted 里

然后我们先将请求放在 mounted 里，如下：

created(){

console.log('created');

},

mounted(){

console.log('mounted');

this.$store.dispatch('getDetail', 11);

}

这个时候，也能够成功发送 API 请求获取到数据的，并且控制台也会打印 created，mounted。

3 分析在 created 里的情况

在进行深入分析之前，我们首先要知道一点：created 和 mounted 都是同步的，API请求是异步的。

我们可以来分析一下下面的这段代码：