vue利用回调函数保证子组件调父组件方法按顺序执行

Posted 2023-03-26

参考技术A

现有个需求，父组件的一个方法 funA()，在父组件调用也在子组件调用，且 funA() 中有接口请求，要知道接口请求是异步执行的，我想拿到请求的返回值来判断接下来进行哪一步骤。
首先我就想到了 await + promise 组合

但是当子组件也需要调用这个方法时，傻眼了...

emit 没有返回值，用不了promise ！！

所以又换条路子，想把异步请求同步操作，除了 await 还有 回调函数 也可以实现。

最后感谢文章 https://www.h5w3.com/36959.html

vue 父子组件生命周期函数执行顺序

参考技术A 父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted->父mounted

父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated

父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

case1: 当子组件渲染的数据 是从父组件中调用接口获得数据,然后通过父子组件传值的方式传递到子组件渲染页面 页面渲染可能会出现问题;