vue 异步转同步,vue 同步方法
本文主要介绍了在vue3.0中异步转同步的实现，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
vue3设置中异步转同步，在vue3中设置前添加异步，页面不显示子组件，父组件需要单独设置才能在vu E3中使用异步。
vue3 setup中异步转同步
vue3中setup前加上async后页面不显示
* *问题描述* *在vue3的开发中，由于数据是异步函数通过接口获取的，最终数据无法成功赋给返回的数据。所以setup函数需要异步转同步，然后设置async再异步转同步，造成空白页。
为了解决这个问题，在Vue3中，如果当前组件的设置使用async/await，那么其调用组件的父组件的外层需要嵌套一个悬念标签，例如：
异步组件：
子组件
超文本标记语言
模板
分区/分区
/模板
射流研究…
导出默认值{
异步设置(){
让
//接口a
等待getAAA()。然后(()={
}).catch(()={
})
//接口b
等待getBBB()。然后(()={
}).catch(()={
})
返回{
}
}
}
父组件中需要单独设置
焦虑
异步组件/
/悬念
使用vue3中的异步
在vue3中使用ajax请求数据时，由于async在setup之前不能使用，return的返回值将全部变成promise的返回值，所以在执行过程中必须使用一些特定的钩子来发送请求。
像vue2一样，您选择在呈现dom节点时发送请求，
(getdata是封装的数据)
写完这个，你会发现
该页不显示任何数据，但tableData可以显示多种数据。但是因为vue的承诺是当相应的数据发生变化时页面会重新渲染，所以tabledata的响应就被没有响应的数据代替了。
您可以通过将数据压入原始响应数组来检测它。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。