导航效果--鼠标移入导航，可以在弹出的框中移动鼠标，选择二级导航

效果如下

实现代码如下

这个是一级导航，忽略css样式，主要原理就是，v-on：mouseover的时候，这个全局变量为true

          <a
            href="javascript:;"
            class="lotteryNav"
            v-on:mouseover="showLottery = true"
            v-on:mouseleave="showLottery = false"
          >
            <img src="../../assets/tkImg/tkhome_icon1.png" alt>
          </a>

这个是下面的框，也就是二级导航所在处，忽略css样式，主要原理就是通过全局变量，控制显示，同时鼠标移入事件，控制这个全局变量

     <div
      class="lottery"
      v-show="showLottery"
      v-on:mouseover="showLottery = true"
      v-on:mouseleave="showLottery = false"
    >
      <ul class="lotteryHot">
        <li class="nav">导航名字</li>
      </ul>
    </div>