鼠标经过某一列给其添加背景颜色

<div @mouseleave="leaveShow">
    <h2 class="all">全部商品分类</h2>
    <h3 :class="currentIndex == index?'cur':''" @mouseenter="changeIndex(index)">
        <a :data-categoryName="c1.categoryName" :data-category1Id="c1.categoryId">
        {{ c1.categoryName }}</a>
    </h3>
<div>

changeIndex: throttle(function (index) {
      //修改当前currentIndex索引值
      //函数节流:在20MS时间之内只能执行一次
      this.currentIndex = index;
    }, 20),

事件委派：h2和h3标签外加上一个<div>，用来控制鼠标离开事件【鼠标离开全部商品分类时，第一行背景颜色才消失】

在当前列加上一个鼠标经过事件，传递index参数，用来控制鼠标当前列的值等于index的值，在h3中添加一行判断【当前列的值等于index值】，用来控制class。