vue实现鼠标移动到用户头像出现弹窗选卡

1.效果

1. 鼠标移动至头像位置，弹出选项卡，个人信息和退出均可点击
2. 鼠标移出界面3s后隐藏选项卡
   

2.源码：

1. html部分
   需要一个父元素box1包裹住图片和选项卡
   内部一张图片，一个box2用于显示选项卡，并用v-show=‘userInfo’用来控制选项卡的显示和隐藏

<div class="box1">
                    <img src="" alt="" class="userMessage" @mouseover="showInfo" @mouseleave="hideInfo">
                    <div v-show="userInfo" class="box2">