My Vue application connects to a Firestore database using VueFire.
Changes to the data made through the UI trigger an onUpdate
cloud function, which makes further changes to the underlying data.
While these changes are taking place in the cloud, the UI remains reactive and my computed properties continue to update. Obviously this is EXACTLY how Vue is intended to work!
However, in my case, the effect is a very laggy UI while the updates are occurring in the background.
Ideally, I wish to suspend reactivity while the cloud function runs, but I am not sure (a) how best to achieve this and (b) how to know when the onUpdate
cloud function has finished.
VueFire allows me to unbind
local data from Firestore (in a watcher), but I am not sure this is the appropriate method for Vue computed properties.
Suggestions appreciated.