[Vuejs]-Vuejs Transition not functioning with computed property

The gap that is left in place of disappearing list items is because an element that transition is being applied to, stays in place until leave-active animation phase is finished.

Simple fix, is to add position: absolute; to a leaving element. This will allow sibling list items to take it’s position.

Below is updated version of your example with additional class zoomOut__absolute added to leave-active-class attribute. Additional class is added to avoid overwriting styles of animate.css:

JSFiddle