Vue中请求数据究竟应该放在created钩子还是mounted钩子里？

本文共计1263个文字，预计阅读时间需要6分钟。

建议放置在 `created` 中：在模板渲染成 HTML 前调用，通常用于初始化某些属性值；然后再次渲染视图。`mounted`：在模板渲染成 HTML 后调用，通常是在页面初始化完成后，对 DOM 节点进行一些操作。

建议放在created里

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

如果在mounted钩子函数中请求数据可能导致页面闪屏问题

其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了

补充知识：vue各阶段数据可使用情况：created，computed，data，prop，mounted，methods，watch

created时，可用data和prop中的数据。

computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。

最后是mouted，可使用前面的数据，并且此时才可以操作dom。

watch不会再创建阶段自动执行，除了添加立即执行这个配置项。