I'm seeing examples on how to transition pages and layouts, but not able to figure out how to transition a single element.
For example: I have a Header
component shared between two pages.
Inside the Header
component I have an element whose content changes based on the route, but otherwise remains the same.
I'd like to add a transition effect to that element only. Is that currently possible?
( I tried wrapping the element in a <transition>
tag and adding a v-if/else
directive with no luck.)