Toggle Active State in Vue before processing the rest of the DOM
<p>I currently have a project that I recently moved over to Vue.js. I have completed the migration and everything works fine, the only thing i'm trying to improve on, is the webapps response times on devices like tablets that don't have enough processing power to calculate all the changes in a decent amount of time.</p>

<p>Currently I have a list of items and when you select one it updates the DOM on the right will all the calculated data, as well as sets the active class with the <code>v-bind:class</code> attribute.</p>

<p>Is there a way to toggle the new active class and remove the previous one (With a transition eventually) before / asynchronously while Vue calculates and displays the updated DOM information on the right?</p>