vue鼠标移入添加class样式,鼠标移出去除样式(active

<div class="one"  @mouseover="mouseOver($event)" @mouseleave="mouseLeave($event)">
     <div class="left">01</div>
     <div class="center ellipsis">庆祝中国庆祝中国庆祝中国庆祝中国庆祝中国</div>
     <div class="right">2021-03-01</div>
</div>

        mouseOver($event) {
            $event.currentTarget.className = 'one myhover'
        },
        mouseLeave($event) {
            $event.currentTarget.className = 'one'
        },

        .one.myhover {
            .left {
                display: none;
            }
            .center {
                width: 100%;
                background: #8ca6e1;
                color: #fff;
                font-size: 16px;
            }
            .right {
                display: none;
            }
        }