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;
			}
		}
	}

效果图：