[Vuejs]-Vue list rending with dynamic css property

Using this github issue (github.com/vuejs/vue/issues/4834) as a reference it looks like I just have to use transition-group:

They are not re-created (items), but moved by insertBefore. And if an element with transition is moved during the transition the transition is interrupted. The key ensures the elements end up in the correct position in the DOM when all manipulations are done, but doesn’t guarantee they are never moved in the process. This is what is necessary to ensure a concise algorithm with consistent results. This may be improved in the future, but it’s not something very critical