vue实现鼠标移入移出显示或者隐藏div

<--html--><div class="model" @mouseenter="enter" @mouseleave="leave"><img src="../../assets/portalImg/功能导航.png" /><span>功能导航</span></div><div class="popUp" v-show="seen" @mouseenter="enter" @mouseleave="leave">。。。。。</div><--script-->export default {data() {return {seen: false,}},methods:{enter() {this.seen = true;},leave() {this.seen = false;}}}

效果图：