.messages-transition-move {
    transition: transform 300ms;
}

Просто при перестановке блоков они плавно перемещаются друг над другом.
Но проблема в том, что при добавлении/удалении блоков родительсикй контейнер меняет размеры и у блоков их позиция относительно экрана меняется.
Из-за этого vue их начинает анимировать не только по вертикальной оси, но ещё и по горизонтальной, т.к. отталкивается от координат экрана

У трансформа есть несколько вариантов, transformX transformY

Можешь пример накидать, может смогу помочь

всем привет! у меня такая проблема ( и я уже совсем не знаю, как это победить). я делаю севис-консоль для отправки данных об баннере о технических работах, обновлениях и тд. мне приходит с бэка информация о количестве шаблонов(оно может быть любым), количестве заполняемых полей в этом шаблоне и так далее (это я обрабатываю)
далее, мне необходимо считать все заполненные поля со страницы и отправить их одним post-запросом на бэк.  я делаю это по нажатию кнопки "сохранить"
проблема вот в чем: на работе попросили, чтоб я максимально разбила все на разные компоненты.
я так и сделала и теперь, чтоб отправить все единым пост-запросом, мне требуется все полученные значения собрать в одном компоненте (кнопке)
я пытаюсь это сделать через шину eventbus
emit - срабатывает, я вижу, что отправляется
но on не срабатывает, в другом компоненте вообще ничего не выводится и не пересохраняется
первое фото - компонент КЭШ и отправка значения из инпута
второе - компонент КНОПКА
очень нужна помощь

а как вообще лучще перекидывать значения полей между двумя соседними компонентами?

Вобщем я писал тут про проблему долгого компилирования
Путем дебага нашел причину
в папке assets/images/
там дохрена картинкок на 68 мегабайт
и если .vue файлы имеют картинку с точным указанным названием картинки то проблем нет
но а если название файла переменная, из за этого медлит
пример
вот так быстро
<img :src="require(@/assets/images/some.png)" >
а вот так долго
<img :src="require('@/assets/images/'+SomeJavasriptVariable)" >
при условии что картинок много, видимо во время компиляции он делает все возможные вариации всех картинок

Что скажете бояре ??
Как лечить ? Было ли у вас такое ??

это не vue, это вебпак или что там у вас за сборщик работает. Задача сборщика - обеспечить вывод любой картинки, которая может быть вставлена из той директории, вот он все и собирает