VUE 实现 Studio 管理后台（六）：鼠标悬停显示弹出窗口

这次介绍的控件相对比较简单，鼠标悬停时显示弹出内容，效果如下：

为了增加灵活性，用 slot 实现，调用时的代码：

            <MouseOverPop class="toolbox-element">
              <template #heading>
                <div class="element-title"> 服务 </div>
              </template>
              <template #body>
                <div class="pop-content">
                  <img style="width: 100%;" src="images/services.jpg" />
                </div>
              </template>
            </MouseOverPop>

控件代码：

<template>
  <div class="mouse-over-pop" @mouseenter="mouseEnter" @mouseout="mouseOut">
    <slot name="heading"></slot>
    <div v<