В чем разница между режимами анимации in-out и out-in в Vue?

Разница между режимами анимации in-out и out-in в Vue заключается в порядке перехода элементов: habr.com vueframework.com

1. in-out: сначала появляется новый элемент, а затем пропадает старый элемент. habr.com
2. out-in: сначала пропадает старый элемент, а затем появляется новый элемент. habr.com