采用异步阻塞方法解决跨组件之间依赖前置条件调用接口问题

最新推荐文章于 2023-07-05 20:40:27 发布

parkvisitor

最新推荐文章于 2023-07-05 20:40:27 发布

阅读量424

点赞数

分类专栏： vue 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/parkvisitor/article/details/124758172

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue实例中创建一个新Promise，通过$onLoad方法进行异步前置操作，并演示了如何在前置条件完成后执行后续任务。重点在于理解$onLoad的使用场景和resolve方法的触发方式。

摘要由CSDN通过智能技术生成

在Vue实例上面挂载方法,作为

//main.js中
Vue.prototype.$onLoad = new Promise(resolve=>{
  Vue.prototype.$isResolve = resolve
})
//前置条件中调用$isResolve方法，相当于调用resolve，可以传参
this.$isResolve() 
this.$isResolve("aa") 
//等价于
resolve()

//前置条件执行完后，调用this.$onLoad()相当于new Promise()
async fn(){
  await this.$onLoad();
  const res = await this.$onLoad()
  //异步执行完毕执行下面的代码
  console.log(res,"aa")
}