vue在渲染之前拿到数据操作.......vue数据获取

Posted 2022-02-25 jialun-online

异步请求数据，但是生命周期函数也是异步的，怎么才能保证渲染之前就能拿到数据呢？

官方给了两种方案,

 

我们可以在异步获取数据的时候加上一个loading表示现在在获取数据.....

由于ajax是异步操作，vue不能保证在渲染之前拿到数据，vue能做的是初始化页面隐藏，拿到数据再显示。

根据需求,我们可以在created,beforeCreate的时候调用接口获取数据，在成功拿到数据之后的回调函数里面，控制页面显示，这样可以最大程度上避免页面跳动的问题。这样渲染和请求是异步的，等到请求回来之后再把页面放出来（v-if）。