[Vuejs]-Long action is locking renderer process

0👍

If vuex observer/ reactivity is the reason for the ui block one can simply freeze big objects to prevent reactivity:

actions = {

   // ...,
   assignBigData(context, data){
      //...
      // mutate data
      const clone = {...data}
      context.commit('commiter', Object.freeze(clone))
   },
   selectedEvent: async function(context, ...args){

     const response = await request()

     context.dispatch('assignBigData', Object.freeze(response))
   }
}

Leave a comment