data:() ({
hasText: false
})
meathods: {
showText() {
this.hasText = true
}
hideText() {
this.hasText = false
}
}
<div class="flag flag--ru" @mouseover="showText" @mouseleave="hideText">
<svg>
<use xlink:href="@/assets/svg/svg.svg#flag-ru"></use>
</svg>
</div>
<p v-if="hasText">any text</p>