При использовании vue, данные нужно передавать не через data атрибуты, а через props.
Вместо
<div data-initial-value="50"></div>
Следует писать
<my-component initial-value="50"></my-component>
Для анимации переключения состоянии во vue используется компонент transition.
Механизм делегирования событий с родителя на потомков во vue не предусмотрен, в большинстве случаев он и не нужен. Если же у вас нужно обработать события на сотнях или тысячах потомков, то можно повесить обработчик на родителя и в нем вручную проверить, что целью срабатывания был потомок.
На странице может быть только один экземпляр vue, разные области лучше разнести по разным компонентам
При использовании vue, данные нужно передавать не через data атрибуты, а через props.
Вместо
Следует писать
Для анимации переключения состоянии во vue используется компонент transition.
Механизм делегирования событий с родителя на потомков во vue не предусмотрен, в большинстве случаев он и не нужен. Если же у вас нужно обработать события на сотнях или тысячах потомков, то можно повесить обработчик на родителя и в нем вручную проверить, что целью срабатывания был потомок.