Vue，等待守望 [英] Vue, await for Watch

问题描述

我的应用程序中有类似的架构。

computed(){ 
   someStoreValue = this.$store.someStoreValue; 
}
watch() { 
   someStoreValue() = async function () { 
    //do some async action 
   
   }
}, 
methods: { 
  someAction() {        
     this.$store.someStoreValue = 'NEW VALUE'     
     //await for "watch" 

     //do stuff

  }
}

我需要"；omeAction"；等待&omStoreValue"；监视器结束。 我需要这种架构，有些StoreValue可以在很多地方更改。

推荐答案

当然，您无法使您的监视器同步，这是非常没有意义的，因为您要查找的数据已经到达。

someStoreValue(newValue, oldValue) { 
    // But you can still call other async functions. 
    // Async functions are just functions that returns a promise. Thus:
    doSomeAsyncAction().then(this.someAction)
}

不过，为什么不直接在某个Action中执行异步操作呢？

watch:{ 
    someStoreValue(newValue, oldValue) { 
        this.someAction()
    }
},
methods:{
    async someAction(){
        await doSomeAsyncStuff() // What prevents you from doing this?
        //do stuff
    }
}

这篇关于Vue，等待守望的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！