Animating/Transitioning elements in Vue JS

javascript animation vue.js transition css-transforms

You can wrap the <transition></transition> tag around your <v-avatar></v-avatar> tag. Also remember to set a key for your <v-avatar/> tag.

For example:

<v-avatar :key="user.name.data"></v-avatar>

This is to ensure that the transition is triggered on each data change.

More about transitions for Vue can be found at the docs.

CodeHunter